html, body {height:100%}

body {
	padding: 0;
	margin: 0;
	background: #ffffff url(grafika/tlo.gif) no-repeat center top;
	width: 100%;
  	display: table;
	font-family: Verdana, Arial, Helvetica, Times New Roman, sans-serif;	
}


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

/* ------------------- elementy wspólne ---------------------------*/

img {
border: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.w-tekscie {
	color: #0c7ea2;
	font-weight: bold;
	text-decoration: underline;
}

a.link-obrazek {
	text-decoration: none;
	border: 0px;
}

a.link-sciezka-mini {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #0a55a2;
}

a.link-sciezka-mini:hover {
	text-decoration: underline;
	border: 0px;
}

p {
	font-size: 11px;
	color: #0b325b;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

p.glowna {
	font-size: 12px;
	color: #aacad3;
	line-height: 18px;
	padding: 14px 28px 0px 20px;
	text-align: justify;
}

p.wieksze {
	font-size: 13px;
	color: #0b325b;
	line-height: 18px;
	padding: 8px 0px 0px 0px;
	text-align: justify;
}

p.srednie {
	font-size: 11px;
	color: #0b325b;
	line-height: 15px;
	padding: 0px 0px 8px 0px;
	text-align: justify;
}

p.sciezka-mini {
	font-size: 11px;
	color: #0a55a2;
	text-align: left;
}

h2 {
	font-size: 14px;
	color: #62af06;
	font-weight: bold;
	padding: 8px 0px 6px 0px;
}

h2.formularz {
	font-size: 14px;
	color: #62af06;
	font-weight: bold;
	padding: 2px 0px 6px 0px;
	line-height: 28px;
}

h3 {
	font-size: 14px;
	color: #d651d8;
	font-weight: bold;
	
	padding: 24px 0px 6px 0px;
}

h4 {
	font-size: 14px;
	color: #fc7712;
	font-weight: bold;
	text-align: center;
	padding: 14px 0px 6px 0px;
}

h5 {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

ol {
	font-size: 12px;
	color: #0a325b;
	line-height: 18px;
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

ol li {
	padding: 8px 0px 0px 0px;
}

span.cienki {
font-weight: normal;
}

table.wysrodkowanie {
	margin-left: auto;
 	margin-right: auto; 
	text-align: center;
	border: 0px;
}



/* ------------------------ WARSTWY - ELEMENTY WSPÓLNE ----------------------------- */

#calosc {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
}

/* ------------------------------- góra --------------------- */

#gora {
	width: 1000px;
	height: 122px;
}

#logo-mini {
	width: 361px;
	height: 122px;
	overflow: hidden;
	float: left;
	
}

a#logo-link {
	width: 361px;
	height: 122px;
	overflow: hidden;
	background-image: url(grafika/logo.jpg);
	display:block;
   overflow:hidden;
   text-indent:-999px;
   margin:0 auto;
   text-decoration:none;
	padding: 0px;
}

#gora-prawa {
	width: 639px;
	height: 122px;
	overflow: hidden;
	float: right;
}

#nad-menu {
	width: 639px;
	height: 97px;
	overflow: hidden;
	background-image: url(grafika/nad-menu.jpg);
}

#menu {
	width: 639px;
	height: 17px;
	overflow: hidden;
	background-image: url(grafika/menu.gif);
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}


#menu ul, #menu  ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu ul {
	float: left;
}

#menu ul li {
	float: left;
}

#menu ul a {
	text-decoration: none;
	display: block;
	color: #ebecee;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
}

#menu ul a.menu-sklep-link {
	text-decoration: none;
	display: block;
	color: #ebecee;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	width: 100px;
}

#menu ul a:hover {
	text-decoration: underline;
}

#menu ul a:active {
	text-decoration: underline;
}



	#stopka  { /* wszędzie poza stroną główną */
	width: 1000px;
	height: 42px;
	overflow: hidden;
	float: left;
	background-image: url(grafika/stopka.gif);
}


/* ---------------------ELEMENTY WSPÓLNE -------------- KONIEC ----------------------*/



/* ------------------------------- STRONA GŁÓWNA -------- środek - lewy  --------------------- */

/*--Tooltip Styles--*/
.tip {
	color: #fff;
	display:none; /*--Hides by default--*/
	position:absolute;	z-index:1000;
	margin:0px;
	padding: 0px;
}

a#produkty-zestaw-linki-tooltip {
	width: 369px;
	height: 630px;
	overflow: hidden;
display: block;
   margin:0px;
	padding: 0px;
}


#produkty-razem {
	width: 369px;
	height: 681px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
}


#produkty {
	width: 369px;
	height: 51px;
	overflow: hidden;
	background-image: url(grafika/produkty.jpg);
}

#produkty-zestaw-linki {
	width: 369px;
	height: 630px;
	overflow: hidden;
	background-image: url(grafika/produkty-zestaw-link.jpg);
   margin:0px;
	padding: 0px;
}



/* ------------------------------------------ STRONA GŁÓWNA --------  środek prawy z animacja  ------------------------------------ */



#prawa-strona {
	width: 631px;
	height: 681px;
	overflow: hidden;
	float: right;
}


#animacja {
	width: 618px;
	height: 418px;
	overflow: hidden;
	float: left;
}

#paseczek-prawo-anim {
	width: 13px;
	height: 418px;
	overflow: hidden;
	float: right;
	background-image: url(grafika/paseczek-prawo-anim.gif);
}

#tekst-glowna {
	width: 631px;
	height: 263px;
	padding: 8px 0px 0px 0px;
	overflow: hidden;
	clear: both;
	background-image: url(grafika/tekst-glowna.jpg);
}

/*  -----------------------------------------------------------------------------------------------*/




/* ------------------------------------------ podstrony - z menu górnego ---------  ------------------------------------ */

#sciezka {
	width: 956px;
	height: 52px;
	overflow: hidden;
	padding: 34px 0px 0px 44px;
	margin: 0px 0px 0px 0px;
	background-image: url(grafika/sciezka.gif);
	text-align: left;
}

#tresc {
	width: 872px;
	height: auto;
	overflow: hidden;
	padding: 0px 64px 10px 64px;
	margin: 0px 0px 0px 0px;
	background-image: url(grafika/tlo-paseczek.gif);
}

#tresc-m2m {
	width: 940px;
	height: 991px;
	overflow: hidden;
	padding: 10px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	background-image: url(grafika/tlo-paseczek.gif);
}

#tresc-zamowienie-formularz {
	width: 940px;
	height: auto;
	overflow: hidden;
	padding: 0px 30px 10px 30px;
	margin: 0px 0px 0px 0px;
	background-image: url(grafika/tlo-paseczek.gif);
}

#tresc-kontakt {
	width: 940px;
	overflow: hidden;
	padding: 10px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	background-image: url(grafika/tlo-paseczek.gif);
}