/* Ustawienia layout'u */

body {
	background:url(images/tlo.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f1f8fd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;}
	

/* Kontenery floatowane

#Kontener {
	width: 988px;
	height: 100%;
	padding: 0;
	margin: 0px auto 0px auto;}
#Kontener-Naglowek {
	display: inline;}
#Kontener-Menu-Lewe {
	display: inline;
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 5px 0px 17px;}	
#Kontener-Tresc {
	display: inline;
	width: 518px;
	float: left;
	margin: 6px 0px 0px 0px;
	padding: 0;}
#Kontener-Menu-Prawe {
	display: inline;
	position: relative;
	width: 223px;
	float: right;
	margin: 0;
	padding: 0;}
	
*/

/* Kontenery */

#Kontener {
	position: relative;
	width: 988px;
	margin-left: auto;
	margin-right: auto;}
#Kontener-Naglowek {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 988px;
	height: 314px;}
#Kontener-Tresc {
	position: absolute;
	width: 518px; /* 518px - 2px (border) */
	left: 242px;
	top: 320px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;}
#Kontener-Menu-Lewe {
	position: absolute;
	width: 220px;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	left: 17px;
	top: 314px;}	
#Kontener-Menu-Prawe {
	position: absolute;
	width: 220px;
	padding: 0;
	padding-bottom: 10px;
	margin: 0px 5px 0px 0px;
	left: 765px;
	top: 315px;}

/* Naglówek */

#Naglowek {position: relative; padding: 0; margin: 0; width: 988px; height: 314px;}

#Logo {position: absolute; width: 988px; height: 314px; background-position: left top; background-image: url(images/gora.jpg); background-repeat: no-repeat;}
#Logo h1 {position: absolute; left: 14px; top: 44px; padding: 0; margin: 0; width: 512px; height: 110px;}
#Logo h1 a {display: block; width: 100%; height: 100%; padding: 0; margin: 0;}

#Nawigacja {position: absolute; list-style: none; top: 190px; left: 15px; height: 57px; width: 920px; margin: 0; padding: 0;
 overflow: hidden;}
#Nawigacja li {float: left; margin: 0; padding: 0; width: 100px; height: 100%;position: absolute;}
#Nawigacja li a {display: block; height: 100%; width: 100%;}
#Nawigacja li.Nav1 {height: 34px; width: 150px; left: 4px; top: 17px;}
#Nawigacja li.Nav2 {height: 29px; width: 105px; left: 187px; top: 23px;}
#Nawigacja li.Nav3 {height: 34px; width: 137px; left: 324px; top: 23px;}
#Nawigacja li.Nav4 {height: 28px; width: 123px; left: 514px; top: 23px;}
#Nawigacja li.Nav5 {height: 28px; width: 168px; left: 712px; top: 21px;}
#Nawigacja li a span {display: none;}

#Wyszukiwarka {padding-left: 7px; position: absolute; left: 43px; margin: 0; top: 256px;}
#Wyszukiwarka fieldset {border: 0; padding: 0;}
#Wyszukiwarka input {float: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent;}
#Wyszukiwarka input.edit {width: 195px; padding: 7px 0px 3px 0px; border: none; color: #000000;}
#Wyszukiwarka input.submit {background: transparent url(images/lupa.gif) no-repeat; border: 0; width: 28px; height: 28px; max-height: 28px; padding-top: 38px; cursor: pointer; margin: 0 0 0 20px;}
	
#Logowanie {position: absolute; padding-left: 7px; left: 450px; margin: 0; overflow: hidden; top: 256px;}
#Logowanie fieldset {border: 0; padding: 0;}
#Logowanie input {float: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent;}
#Logowanie input.edit {width: 143px; padding: 7px 0px 3px 0px; border: none; color: #000000; margin-right: 30px;}
#Logowanie input.edit2 {width: 143px; padding: 7px 0px 3px 0px; border: none; color: #000000;}
#Logowanie input.submit {background: transparent url(images/zaloguj.gif) no-repeat; border: 0; width: 85px; height: 27px; max-height: 27px; padding-top: 37px; cursor: pointer; margin: 0px 0 0 20px;}

#Wyszukiwarka2-Logowanie2 {position: absolute; top: 280px; left: 43px;}
#Wyszukiwarka2-Logowanie2 span {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
#Wyszukiwarka2-Logowanie2 span a {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
#Wyszukiwarka2-Logowanie2 span a:hover {text-decoration: underline;}
#Wyszukiwarka2-Logowanie2 span.edit {margin-left: 224px;}
#Wyszukiwarka2-Logowanie2 span.edit2 {margin-left: 97px;}
	
#Koszyk {position: absolute; width: 245px; height: 46px; left: 732px; top: 68px; text-align: center; color: #FFFFFF; font-size: 13px;}
#Koszyk span {display: block; padding: 0; margin: 0;}
	
	
	
/* Tresc */

#Tresc {
	background: url(images/tresc518-bg.gif) left;
	padding: 0;
	margin: 0;
	font-size: 12px;
	letter-spacing: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
#Tresc2 {background: url(images/tresc518-bg-dol.gif) bottom left no-repeat; padding: 0; margin: 0;}
#Tresc3 {background: url(images/tresc518-bg-gora.gif) left top no-repeat; padding: 0; margin: 0; padding: 10px 20px; min-height: 565px;}
#Tresc3 > #Tresc4 {height: 100%; padding: 0; margin: 0;}
#Tresc4 {height: 565px; padding: 0; margin: 0;} /* hack dla IE */
#Tresc p {margin: 10px 0px; text-align: justify}
#Tresc h3 {font-size: 17px; font-weight: bold; color: #0099fe; letter-spacing: normal; margin: 15px 0px;}
#Tresc h4 {font-size: 14px; font-weight: bold; color: #0099fe; letter-spacing: normal; margin: 15px 0px;}
	
/* Tresc - Sciezka pliku */
#Sciezka {display: block; margin: 0px 0px 20px 0px; padding: 0; color: #0099fe; font-size: 11px; }
#Sciezka strong {display: none;}
#Sciezka a { color: #000000; text-decoration: none; font-weight: bold;}
#Sciezka a:hover {text-decoration: underline}
#Sciezka a.Nav1 { color: #666666}

/* Tresc - Galeria */
#galeria {
	display: block;
	margin: auto;
	border: solid 0px #000000;
	text-align: center;
	word-spacing: 20px;
	margin: 10px 0px 0px 0px;}
#galeria span {
	margin: 0 6px;
	width: 235px;
	height: 183px;
	text-align: center;
	vertical-align: middle;}
#galeria span a {
	text-align: center;
	vertical-align: middle;
	width: 235px;
	height: 183px;}
#galeria span a img {
	background-image: url(images/galeria-mini.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 28px 25px 30px 25px;
	width: 165px;
	height: 125px;
	border: 0px solid #e7e7e7;}
#galeria img:hover {
	background-position: right center;}
	
/* Tresc - Galeria 
#galeria {
	display: block;
	margin: auto;
	border: solid 0px #000000;
	text-align: center;
	word-spacing: 20px;
	margin: 15px 0px 15px 0px;}
#galeria span {
	width: 320px;
	height: 245px;
	text-align: center;
	vertical-align: middle;}
#galeria span a {
	text-align: center;
	vertical-align: middle;
	width: 300px;
	height: 225px;}
#galeria span a img {
	background-image: url(images/galeria.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 28px 25px 30px 25px;
	width: 250px;
	height: 187px;
	border: 0px solid #e7e7e7;}
#galeria img:hover {
	background-position: right center;} */


/* Zaokraglacze rogow tresci */
.rlg, .rld, .rpg, .rpd {position: absolute; width: 4px; height: 4px; background-repeat: no-repeat; margin: 0; padding: 0;}
.rlg {left: -1px; top: -1px; background-image: url(images/rog-lewy-gorny.gif); background-image: left top;}
.rld {left: -1px; bottom: -1px; background-image: url(images/rog-lewy-dolny.gif); background-position: left bottom}
.rpg {right: -1px; top: -1px; background-image: url(images/rog-prawy-gorny.gif); background-position: right top}
.rpd {right: -1px; bottom: -1px; background-image: url(images/rog-prawy-dolny.gif); background-position: right bottom;}


/*Menu Produkty */
	
#Produkty {
	position: relative;
	width: 220px;
	background:transparent url(images/produkty-bg.gif) repeat-y bottom;
	margin-bottom: 15px;
	font-size: 13px;}
	
#Produkty a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom: none;}
	
#Produkty a:hover {
	color: #fecb00;
	border-bottom: none;}
	
#Produkty h3 {
	height: 39px;
	width: 220px;
	background: transparent url(images/produkty.gif) no-repeat left top;
	margin: 0;}

#Produkty ul {
	position: relative;
	z-index: 2;
	list-style: none;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 12px;}
	
	#Produkty ul li {
		display: block;
		margin: 0;
		padding: 0px;
		background-position: 0px 7px;
		background-image: url(images/dotdot.gif);
		background-repeat: no-repeat;}
		#Produkty ul li a {padding-left: 12px;}
		
			#Produkty ul ul {
			list-style: none;
			display: block;
			margin: 3px 0px 3px 12px;
			padding: 0;}
			
				#Produkty ul ul li {
				display: block;
				margin: 0;
				padding: 0px 0px 0px 12px;
				background-position: 0px 7px;
				background-image: url(images/dot.gif);
				background-repeat: no-repeat;}
				#Produkty ul ul li a {padding-left: 0px;}

#Produkty div {
	position: absolute;
	bottom: -15px;
	z-index: 1;
	width: 220px;
	height: 56px;
	background:transparent url(images/produkty-bgd.gif) no-repeat bottom;}

/* Menu Kontakt */
#Kontakt {width: 220px; font-size: 11px; background: url(images/menu-bg.gif) #FFFFFF repeat-y; margin: 0; padding: 0;}
#Kontakt h3 {background: url(images/kontakt.gif) no-repeat left top;}
#Kontakt a {color: #069af7; font-weight: bold; text-decoration: none; border-bottom: 1px solid #c8c8c8 ;}
#Kontakt a:hover {color: #069af7; font-weight: bold; text-decoration: none; border-bottom: 1px solid #069af7;}
#Kontakt div ul {padding: 0; margin: 0; list-style: none;}
#Kontakt div ul li {padding: 0; margin: 0; font-weight: bold;}
#Kontakt div ul ul {padding: 0; margin: 0; list-style: none;}
#Kontakt div ul ul.mail {margin-bottom: 9px;}
#Kontakt div ul ul.gg {
	padding-left: 25px;
	background-image: url(http://www.gadu-gadu.pl/users/status.asp?id=4208474);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 9px;}
#Kontakt div ul ul.skype {
	padding-left: 25px;
	background-image: url(http://mystatus.skype.com/smallicon/Krzysiowezabawki%2Epl.png);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 9px;}
#Kontakt div ul ul.telefon {
	padding-left: 30px;
	background-image: url(images/era.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 4px;}

#Kontakt div ul ul li {padding: 0; margin: 0; list-style: none; font-weight: normal;}

/* Menu KosztDostawy */
#KosztDostawy h3 {background: url(images/kosztdostawy.gif) no-repeat left top;}
#KosztDostawy div ul {padding: 0; margin: 0; list-style: none;}
#KosztDostawy div ul li span {font-weight: bold;}
	#KosztDostawy div ul ul {
		padding: 0px 0px 0px 50px;
		margin: 5px 0px 5px 0px;
		list-style: none;
		display:block;
		background-position: 8px 0px;
		background-repeat: no-repeat; }
	#KosztDostawy div ul ul.poczta {
		background-image: url(images/poczta.gif);
		margin-bottom: 10px;}
	#KosztDostawy div ul ul.kurier {
		background-image: url(images/kurier.gif);}
	
/* Menu Platnosci */
#Platnosci h3 {background: url(images/akceptujemy.gif) no-repeat left top;}
#Platnosci a span {display: none}
#Platnosci a {background: url(images/platnoscipl.gif); display: block; width: 137px; height: 137px; margin: auto;}

/* Menu Wspieramy */
#Wspieramy h3 {background: url(images/wspieramy.gif) no-repeat left top;}
#Wspieramy a span {display: none}
#Wspieramy a {background: url(images/pajacyk.jpg); display: block; width: 138px; height: 142px; margin: auto;}

/* Menu - Ustawienia elementow ktore sie powtarzaja */
#KosztDostawy, #Platnosci, #Wspieramy {width: 220px; font-size: 11px; background: url(images/menu-bg.gif) #FFFFFF repeat-y; margin: 0 3px 0 0; padding: 0;}
#Kontakt h3, #KosztDostawy h3, #Platnosci h3, #Wspieramy h3 {height: 40px; width: 220px; margin: 0}
#Kontakt div, #KosztDostawy div, #Platnosci div, #Wspieramy div {background:transparent url(images/menu-bgd.gif) no-repeat bottom; margin: 0; padding: 12px 15px 17px 15px;}
#Platnosci div, #Wspieramy div {text-align: center;}
#Platnosci div img, #Wspieramy div im g{border: 0; margin-top: 5px;margin-bottom: 5px;}
	
/* Menu - Ukryte elementy  */
#Logo h1 span, #Logo h2 span, #Koszyk h3, #Produkty h3 span, #Kontakt h3 span, #KosztDostawy h3 span, #Platnosci h3 span, #Wspieramy h3 span, legend {display: none;}


/* Kolory czcionek */

.niebieski-ciemny {color: #0f4a96;}
.zielony {color: #33CC00;}
.niebieski {color: #0066FF;}
.czerwony {color: #FF0033;}
.pomaranczowy {color: #fe5e00;}

a.tresc {color: #069af7; font-weight: bold; text-decoration: none; border-bottom: 1px solid #c8c8c8 ;}
a.tresc:hover {color: #069af7; font-weight: bold; text-decoration: none; border-bottom: 1px solid #069af7;}