/*WYZEROWANIE WARTOSCI*/
*,html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li { 
	margin:0;
	padding:0;
}
img { 
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
address {
	font-style: normal;
}
ul {
	list-style-type: none;
}
hr {
margin-top: 15px;
margin-bottom: 15px;
height: 1px; 
border: 0; 
color: #E0E0E0; 
background-color: #E0E0E0; 
}

body {
	background-image: url(../grafika/tlo-body.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;	
	font-size: 12px;
	background-color: #ffffff;
}
body a.pokaz {
	text-decoration: none;
	color: #EE2D24;
}
body a.pokaz:hover, 
body a.pokaz:focus, 
body a.pokaz:active
{
	background-color: #f15a52;
	color: white;
}
#skip_navigation a {
	display: block;
	position: absolute;
	width: 120px;
	padding: 2px;
	top: -555px;
	left: 5px;
	z-index: 100;
	color: Black;
	background-color: White;
	text-decoration: none;
	text-align: center;
}
#skip_navigation a:active, #skip_navigation a:focus {
	top: 18px;
	border: 1px solid #6B6B6B;
}
#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*NAGLOWEK*/
#naglowek {
	width: 780px;
	height: 195px;
	margin-top: 5px;
	padding-bottom: 10px;
	background-color: #EDE512;
	background-image: url(../grafika/tlo-naglowek.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
h1#logo {
	width: 430px;
	height: 75px;
	position: absolute;
	top: 70px;
	left: 30px;
}
h1#logo span {
	display: none;
}
h1#logo a {
	height: 75px;
	display: block;
}
h1#logo a:hover, h1#logo a:active, h1#logo a:focus {
	border-bottom: #4F5664 dashed 1px;
}


/*MENU*/
#menu {
	position: absolute;
	top: 15px;
	left: 0px;
	background-image: url(../grafika/tlo-menu-li.gif);
	background-repeat: repeat-x;
	z-index: 10;
}
#menu li {
	float: left;
	border-right: 1px solid #585f6c;
}
#menu li#menu_last {
	border-right: 0px solid #585f6c;
}
#menu li a {
	text-decoration:none;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: White;
	line-height: 31px;
	text-align: left;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}
#menu li a  {
	display: inline-block;
}
#menu li a:hover, 
#menu li a:focus, 
#menu li a:active
{
	color: #A4A8AE;
}
#menu_first {
	background-image: url(../grafika/tlo-menu-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 7px;
}
#menu_last {
	background-image: url(../grafika/tlo-menu-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 7px;
}


/*TRESC*/
#tresc {
	width: 780px;
	padding-top: 32px;
	padding-bottom: 10px;
	background-image: url(../grafika/tlo-tresc.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	line-height: 200%;
}
#tresc h2 {
	font-family: "Arial";
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;	
}
#tresc h3 {
	font-weight: bold;
	font-size: 10px;
}
#tresc p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 15px;
}
#tresc ul {
	margin-top: 15px;
}
#tresc .kolumna_prawa ol {
	margin-top: 15px;
}
#tresc .kolumna_prawa ol li {
	text-align: left;
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-style: normal;
}
#tresc .kolumna_prawa ul li {
	background-image: url(../grafika/tlo-tresc-ul.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-style: italic;
}
.slogan {
	padding-top: 25px;
}
.informacja {
	color: #bebebe;
	font-size: 9px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 2px;
} 
.blad {
	color: #EE2D24;
	font-size: 9px;
	font-weight: bold;
} 

/*FORMULARZ WSPOLPRACA*/
form#formularz_wspolpraca {
	width: 446px;
}
form#formularz_wspolpraca p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#formularz_wspolpraca label {
	font-size: 9px;
}
#formularz_wspolpraca fieldset {
	border: 0px;
	margin: 0px;
}
#formularz_wspolpraca input.przycisk {
	width: 100px;
	text-align: center;
	color: black;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
#formularz_wspolpraca legend {
	display: none;
	margin: 0px;
}
#formularz_wspolpraca input {
	width: 250px;
	font-size: 10px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#formularz_wspolpraca input:focus {
	background-color: #f4f4f4;
}
#formularz_wspolpraca textarea {
	width: 440px;
	height: 150px;
	font-size: 11px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#formularz_wspolpraca textarea:focus {
	background-color: #f4f4f4;
}
form#formularz_wspolpraca span.error {
	display: block;
	color: #EE2D24;
	font-size: 9px;
	font-weight: bold;
}
form#formularz_wspolpraca input.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}
form#formularz_wspolpraca textarea.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}

/*FORMULARZ KONTAKT*/
form#formularz_kontakt {
	width: 446px;
}
form#formularz_kontakt p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#formularz_kontakt label {
	font-size: 9px;
}
#formularz_kontakt fieldset {
	border: 0px;
	margin: 0px;
}
#formularz_kontakt input.przycisk {
	width: 100px;
	text-align: center;
	color: black;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
#formularz_kontakt legend {
	display: none;
	margin: 0px;
}
#formularz_kontakt input {
	width: 250px;
	font-size: 10px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#formularz_kontakt input:focus {
	background-color: #f4f4f4;
}
#formularz_kontakt textarea {
	width: 440px;
	height: 150px;
	font-size: 11px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#formularz_kontakt textarea:focus {
	background-color: #f4f4f4;
}
form#formularz_kontakt span.error {
	display: block;
	color: #EE2D24;
	font-weight: bold;
	font-size: 9px;
}
form#formularz_kontakt input.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}
form#formularz_kontakt textarea.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}

/*FORMULARZ LOGOWANIA DO PANELU*/
form#panel_logowanie {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.ramka {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px solid #BEBEBE;
}
form#panel_logowanie p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#panel_logowanie label {
	font-size: 9px;
}
#panel_logowanie fieldset {
	border: 0px;
	margin: 0px;
}
#panel_logowanie input.przycisk {
	width: 100px;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	color: black;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
#panel_logowanie legend {
	display: none;
	margin: 0px;
}
#panel_logowanie input {
	width: 250px;
	font-size: 10px;
	padding: 2px;
	border: 1px #BEBEBE solid;
}
#panel_logowanie input:focus {
	background-color: #f4f4f4;
}
#panel_logowanie textarea {
	width: 440px;
	height: 150px;
	font-size: 11px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#panel_logowanie textarea:focus {
	background-color: #f4f4f4;
}
form#panel_logowanie span.error {
	display: block;
	font-size: 9px;
	color: #EE2D24;
	font-weight: bold;
}
form#panel_logowanie input.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}
form#panel_logowanie textarea.error {
	border: 1px solid #EE2D24;
	font-size: 9px;
	background-color: #ffffff;
}

/*PANEL KONTRAHENTA*/
#panel_dane_klienta {
	font-size: 10px;
}


/*PANEL KONTRAHENTA - TABELA Z DANYMI FIRMY*/
#panel_dane_klienta table {
	font-size: 10px;
	width: 450px;
	background-color: #f5f5f5;
	text-align: left;
	line-height: 12px;
	margin-bottom: 0px;
}
#panel_dane_klienta table th {
	font-weight: normal;
	font-size: 9px;
	width: 100px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
}
#panel_dane_klienta table tr {

}
#panel_dane_klienta table td {
	padding: 2px;
}
#panel_dane_klienta table caption {
	color: black;
	background-color: #9FA5C5;
	padding: 5px;
	width: 450px;
}
#panel_dane_klienta table tr.header {
	background-color: #9EB4D8;
	color: black;
}

/*PANEL KONTRAHENTA - TABELA SZYBKIEGO ZAMOWIENIA*/
#szybkie_zamowienie 
{
	font-style: normal;
}
#szybki_zamowienie form table tr td select {
	font-size: 9px;
	width: 90px;
	padding: 2px;
}
#szybkie_zamowienie table {
	font-size: 10px;
	width: 420px;
	background-color: #f5f5f5;
	text-align: left;
	line-height: 12px;
	margin-bottom: 0px;
}
#szybkie_zamowienie table th {
	font-weight: normal;
	font-size: 9px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	min-width: 60px;
}
#szybkie_zamowienie table tr {

}
#szybkie_zamowienie table td {
	padding: 2px;
}
#szybkie_zamowienie table caption {
	color: black;
	background-color: #dcdcdc;
	width: 420px;
	height: 20px;
	line-height: 20px;
}
#szybkie_zamowienie table tr.header {
	background-color: #e0e0e0;
	color: black;
}
#szybkie_zamowienie table tr.header th {
	padding: 0px;
	border: 0px;
}

form#formularz_szybkie_zamowienie {
	width: 420px;
}
form#formularz_szybkie_zamowienie p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#formularz_szybkie_zamowienie label {
	font-size: 9px;
}
#formularz_szybkie_zamowienie fieldset {
	border: 0px;
	margin: 0px;
}
#formularz_szybkie_zamowienie input.przycisk {
	width: 100px;
	text-align: center;
	color: black;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
#formularz_szybkie_zamowienie legend {
	display: none;
	margin: 0px;
}
#formularz_szybkie_zamowienie input {
	width: 100px;
	font-size: 10px;
	padding: 2px;
	border: 1px #bebebe solid;
}
#formularz_szybkie_zamowienie input:focus {
	background-color: #f4f4f4;
}
#formularz_szybkie_zamowienie td input.ilosc {
	width: 50px;
}


/*PELNA OFERTA HANDLOWA*/
#pelna_oferta .kolumna_prawa ul li {
	background-image: none;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-style: normal;
}
li.oferta_towar {
	position: relative;
}
img.oferta_towar_zdjecie_min {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: white;
	padding: 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #bfbfbf;	
}
#pelna_oferta h3.oferta_towar_nazwa {
	margin-left: 100px;
	background-color: #9FA5C5;
	padding: 2px;
}
#pelna_oferta .oferta_towar_opis {
	margin-left: 100px;
	color: #626262;
	font-size: 10px;
	margin-top: 15px;	
}
#pelna_oferta .oferta_towar_informacje_pozostale {
	margin-left: 100px;
	color: #626262;
	font-size: 10px;
	margin-top: 15px;	
	line-height: 100%;
}
#pelna_oferta .oferta_towar_informacje_pozostale p {
	margin: 0px;
	margin-bottom: 2px;
}
#pelna_oferta .oferta_zamow {
	position: absolute;
	top: 70px;
	font-size: 9px;
	width: 90px;
}


/*FORMULARZ PELNA OFERTA*/
form#formularz_pelne_zamowienie {
	width: 458px;
}
form#formularz_pelne_zamowienie p {
	margin-top: 0px;
	margin-bottom: 5px;
}
form#formularz_pelne_zamowienie label {
	font-size: 9px;
}
form#formularz_pelne_zamowienie fieldset {
	border: 0px;
	margin: 0px;
}
form#formularz_pelne_zamowienie input.przycisk {
	width: 100px;
	text-align: center;
	color: black;
	font-size: 9px;
	background-color: White;
	line-height: 12px;
}
form#formularz_pelne_zamowienie legend {
	display: none;
	margin: 0px;
}
form#formularz_pelne_zamowienie input {
	width: 100px;
	font-size: 10px;
	padding: 2px;
	border: 1px #bebebe solid;
}
form#formularz_pelne_zamowienie input:focus {
	background-color: #f4f4f4;
}
form#formularz_pelne_zamowienie td input.ilosc {
	width: 50px;
}
#pelna_oferta .oferta_zamow input {
	width: 30px;
}
#pelna_oferta .oferta_zamow select {
	font-size: 9px;
	width: 90px;
	padding: 2px;
}



/*MENU POMOCNICZE*/
#menu_pomocnicze li a {
	width: 245px;
	height: 122px;
	display: block;
}
#menu_pomocnicze li a span {
	display: none;
}
#menu_pomocnicze li a:hover, #menu_pomocnicze li a:active, #menu_pomocnicze li a:focus {
}

/*STOPKA*/
#stopka {
	clear: both;
	width: 510px;
	margin-left: 270px;
	font-size: 10px;
	border-top: 1px solid #bebebe;
	padding-top: 15px;
}
#copyrights a {
	text-decoration:none;
	cursor: pointer;
	color: #6B6B6B;
}
#copyrights a:hover, 
#copyrights a:focus, 
#copyrights a:active
{
	color: #A4A8AE;
}

/*KOLUMNY*/
.kolumna_lewa {
	float: left;
	width: 270px;
}
.kolumna_prawa {
	float: left;
	width: 458px;
	padding-left: 25px;
	padding-right: 25px;
	border-left: 1px #BEBEBE solid;
	border-right: 1px #BEBEBE solid;
	background-color: white;
	padding-bottom: 40px;
}