body
{
	margin: 0;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url('images/tlo.png') repeat-x #f3f3f3 !important;
}
img { border: 0; }
.main, CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
TEXTAREA { width: 100%; }
hr { color: #dcdcdc; height: 1px; }

#strona { min-width: 800px; margin: auto; }

#header { position: relative; }

/* animacje linkow */
.linkiNaglowek a,
.linkiNaglowekDodatkowe a,
#menu a,
#sciezka_jezyki a,
#stopka a,
#wyszukaj .btn
{
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
}
#templatePreview
{
	-o-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

#zakladkaPrzycisk
{
	display: block;
	position: fixed;
	z-index: 90;
	right: 0px;
	top: 50%;
	margin-top: -115px;
	width: 54px;
	height: 230px;
	background: url('images/zakladkaPrzycisk.png') no-repeat left;
}
#zakladkaPoLewej
{
	position: fixed;
	z-index: 100;
	left: -252px;
	top: 50%;
}
#zakladkaPoLewej .tresc
{
	display: inline-block;
	vertical-align: middle;
	width: 230px;
	min-height: 200px;
	padding: 10px;
	background: white;
	border: 1px solid #ff7700;
	box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
}
#zakladkaPoLewej .tytul
{
	display: inline-block;
	vertical-align: middle;
	width: 30px; height: 200px;
	padding: 5px 0;
	margin-right: -30px;
	background: url('images/kontaktZakladka.png') no-repeat center #ff7700;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	cursor: pointer;
}

#zakladkaPoPrawej
{
	position: fixed;
	z-index: 100;
	right: -222px;
	top: 50%;
}
#zakladkaPoPrawej .tresc
{
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	min-height: 200px;
	padding: 10px;
	background: white;
	border: 1px solid #ff7700;
	box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
}
#zakladkaPoPrawej .tytul
{
	display: inline-block;
	vertical-align: middle;
	width: 30px; height: 90px;
	padding: 5px 0;
	margin-top: -220px;
	margin-left: -30px;
	background: url('images/kupterazZakladka.png') no-repeat center #ff7700;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.6);
	cursor: pointer;
}
#zakladkaPoLewej .zamknij, #zakladkaPoPrawej .zamknij
{
	width: 20px;
	height: 20px;
	background: url('images/zamknij.png') no-repeat center;
	cursor: pointer;
	float: right;
}



/* ------------------------------------------------------------------------------------------------------------------------------------- naglowek */
#naglowek { float: left; }
#naglowek a { display: inline-block; }

.linkiNaglowek
{
	float: left;
	white-space: nowrap;
	list-style: none;
	margin: 0 10px; margin-top: 16px; margin-left: 30px;
	padding: 0;
}

.linkiNaglowek li { display: inline;  padding: 10px 5px; border-left: 1px dotted #999;  }
.linkiNaglowek li:last-child { border-right: 1px dotted #999; }
.linkiNaglowek li a { color: #666; font-weight: bold; }
.linkiNaglowek li a:hover { color: black; text-decoration: none; }

.linkiNaglowekDodatkowe
{
	float: right;
	white-space: nowrap;
	color: #666;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: default;
}
.linkiNaglowekDodatkowe > li { display: inline-block; padding: 5px; position: relative; text-align: center; }

.linkiNaglowekDodatkowe li a { color: #666; }
.linkiNaglowekDodatkowe li a:hover { text-decoration: none; color: black; }

.linkiNaglowekDodatkowe li .opcje
{
	position: absolute;	top: 50px;
	z-index: 3;
	width: 100px; height: 0px;
	overflow: hidden;
	margin: 0; padding: 0;
	line-height: 22px;
	background: #f5f5f5;
	opacity: 0;
	border-radius: 5px; -moz-border-radius: 5px;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
}
.linkiNaglowekDodatkowe li:hover .opcje { width: 200px; height: 212px; opacity: .97; }
.linkiNaglowekDodatkowe li:hover .opcje.piec { width: 220px; height: 354px; }

.linkiNaglowekDodatkowe li .opcje li { display: block; text-align: left; width: 200px; }
.linkiNaglowekDodatkowe li .opcje.piec li { width: 220px; }
.linkiNaglowekDodatkowe li .opcje li a { display: block; height: 50px; padding: 10px; color: black; border-top: 1px solid rgba(0,0,0,.05); }
.linkiNaglowekDodatkowe li .opcje li a:hover { background: rgba(0,0,0,.1); }
.linkiNaglowekDodatkowe li .opcje li .tytul { font-size: 13px; font-weight: bold; }
.linkiNaglowekDodatkowe li .opcje li img { margin-top: 8px; margin-right: 10px; }

.linkiNaglowekDodatkowe li .opcje li:first-child a { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border: none; }
.linkiNaglowekDodatkowe li .opcje li:last-child a { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }


.linkizPrawejMenu { float: right; margin: 0; padding: 0; padding-right: 5px; list-style: none; line-height: 25px; }
.linkizPrawejMenu li { padding: 0 5px; padding-top: 5px; display: inline-block; }
.linkizPrawejMenu li a { color: white; text-decoration: none; }

#menu 
{
	list-style-type: none; 
	background: url(images/header/menu_tlo.png) repeat-x #191919;
	margin: 0; padding: 0 10px;
	min-height: 30px;
	line-height: 25px;
}
#menu li
{
	float: left;
	white-space: nowrap;
	padding-top: 5px;
}
#menu a
{
	color: white;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0);
	border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;
}
#menu a:hover { background: rgba(0, 0, 0, .5); cursor: pointer; }
#menu li.active a { color: black; background: url(images/header/menuAktywny.png) repeat-x bottom white; }

.kontenerMenu
{
	background: url(images/header/kontenerMenu.png) repeat-x #d7d4d4;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	height: 30px;
}
.kontenerMenu li { display: inline-block; }
.kontenerMenu li a { color: #444; display: block; line-height: 30px; padding: 0 10px; } 
.kontenerMenu li a:hover { text-decoration: none; background: url(images/header/kontenerMenuHover.png) repeat-x bottom; }


/* ------------------------------------------------------------------------------------------------------------------------------------- wyszukaj */
#wyszukaj
{
	float: right;
	padding: 5px; padding-left: 25px;
	margin-left: 20px;
}
#wyszukaj .input
{
	color: #444;
	width: 180px;
	height: 20px; line-height: 20px;
	padding: 0 5px;
	background: url(images/header/szukajInput.png) repeat-x top white;
	border: 1px solid #999;
	border-radius: 3px; -moz-border-radius: 3px;
}
#wyszukaj .btn
{
	height: 22px;
	padding: 0 8px;
	margin: 0 10px;
	background: none;
	border: 1px solid #999;
	border-radius: 3px; -moz-border-radius: 3px;
	vertical-align: bottom;
	cursor: pointer;
}


/* ------------------------------------------------------------------------------------------------------------------------------------- sciezka jezyki */
#sciezka_jezyki { padding: 5px 10px; padding-left: 0; height: 22px; line-height: 22px; }
#sciezka_jezyki a { text-decoration: none; color: #666; font-style: italic; font-size: 11px; }
#sciezka_jezyki a:hover { color: black; }

#sciezka { float: left; padding: 0 10px; }
#sciezka img { margin: 0 10px; }
#sciezka a { text-decoration: none; color: #666; font-style: italic; font-size: 11px; }
#sciezka a:hover { color: black; }

#jezyki { float: right; margin-left: 20px; color: #ddd; }

#obslugaKonta { float: right; }
#obslugaKonta a { color: #21b841; font-style: normal; font-weight: bold; margin-left: 10px; }


/* ------------------------------------------------------------------------------------------------------------------------------------- stopka */
#footer { background: #191919; color: white; }
#stopka { margin-top: 20px; border-bottom: 1px solid #333; }

#linki { padding: 10px; text-align: left; font-size: 11px; list-style: none; }
#linki td { vertical-align: top; }
#linki .kolumna { max-width: 190px; border-left: 1px solid #222; padding: 5px 10px; }
#linki .kolumna:hover { border-left: 1px solid #333; }
#linki p
{
	margin: 0;
	font-weight: bold;
}
#linki ul { list-style-type: none; padding: 0; margin: 0; padding-top: 4px; padding-left: 4px; }
#linki li { background: url(images/lista.png) no-repeat left 2px; padding-left: 15px; margin: 4px 0; }
#linki a { color: white; text-decoration: none; }
#linki a:hover { color: #aaa; }
#linki .separator { height: 10px; }

#info 
{
	text-align: right;
	padding: 10px;
}
#info a { font-size: 10px; color: #444; }
#info a:hover { color: #666; text-decoration: none; }

#footer_links
{
	list-style: none;
	margin: 0;
	padding: 10px;
	font-size: 11px;
}
#footer_links a { color: #666; }
#footer_links li { display: inline-block; margin-right: 10px; }

#banner { padding: 10px 0; text-align: center; }

#podStopka
{
	padding: 10px;
	text-align: justify;
	font-size: 10px;
	color: #aaa;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
#podStopka h1 { display: inline; font-size: 10px; }

/* ------------------------------------------------------------------------------------------------------------------------------------- srodek */

#kontenerKolumn { border: 1px solid #cacaca; background: white; }
#lewa_kolumna { position: relative; float: left; margin-top: -1px; margin-bottom: -1px; }
#srodkowa_kolumna { float: left; padding: 10px; }
#srodkowa_kolumna .fixed { table-layout: fixed; }
#srodkowa_kolumna .fixed td { overflow: hidden; }

.obramowanie { border: 1px solid #ddd; }
.obramowanie.rejestracja { width: 100%; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; }


/* strona glowna */
.grupa3
{
	margin-top: 20px;
	background: url(images/tlo3.png) repeat-x bottom;
	border: 1px solid #bfbfbf;
	border-radius: 5px; -moz-border-radius: 5px;
}
.grupa3 .kolumna
{
	float: left;
	width: 445px; min-height: 340px;
	padding: 0 20px; padding-bottom: 60px;
	margin: 5px 0;
	position: relative;
}

.grupa3 .kolumna.aktualnosci p { margin: 2px 0; padding-left: 15px; }
.grupa3 .kolumna.aktualnosci .data { font-size: 10px; color: #888; }
.grupa3 .kolumna.aktualnosci .tytul { margin: 0; margin-bottom: 20px; background: url(images/listaAktywny.png) no-repeat left 3px; }
.grupa3 .kolumna.aktualnosci h1.tytul { font-size: 12px; font-weight: normal; padding-left: 15px; }

.grupa3 .kolumna.nowosci { width: 440px; float: right; margin-right: 5px; background: url(images/stronaGlowna/grupa3b.jpg) no-repeat right top; }

.grupa3 h2 { text-align: center; }
.grupa3 h2 a
{
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto; margin-bottom: 30px;
	padding: 8px 15px;
	background: white;
	border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.grupa3 .kolumna .wiecej { position: absolute; bottom: 0; right: 20px; }


/* -------------------------------------------------------------------------------------------------- SKLEP */
A, A:link, A:visited
{
	color: black;
	text-decoration: none;
}
A:hover { text-decoration: underline; }

FORM { display: inline; }


/* infobox */
.infoBox { margin: 10px; border: 1px solid #ccc; background: white; }

.infoBoxText { padding: 5px; padding-top: 10px; }
.infoBoxContents { table-layout: fixed; }
.infoBoxContents td { overflow: hidden; }

.infoBoxHeading { padding: 10px 5px; }
.infoBoxHeading,
.infoBoxHeading a { font-weight: bold; }


/* contentbox */
.contentBox {}
.contentBoxContents { table-layout: fixed; }
.contentBoxContents td { overflow: hidden; }

.contentBoxHeading
{
	padding: 10px 0;
}
.contentBoxHeading,
.contentBoxHeading a
{
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}

.contentBoxContents {}
.contentBoxFooter {}


TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f6f6f6; }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {}


.productListing {}
.productListing-heading
{
	background: #666;
	color: white;
	font-weight: bold; 
	padding: 5px; 
}
.productListing-heading A
{
	color: white;
	font-weight: bold;
}

A.pageResults { color: black; }
A.pageResults:hover { color: #77cf22; }

TD.pageHeading, DIV.pageHeading
{
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}

.moduleRow {}
.moduleRowOver { background-color: #eef8ff; cursor: pointer; }
.moduleRowSelected { background-color: #ddf1ff; }


/* -------------------------------------------------------------------------------------------------- przyciski */
.button, a.button
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ff7700;
	white-space: nowrap;
	border: none;
	background: url('images/buttons/tlo.png') no-repeat left;
	background: url('images/buttons/tlo.png') no-repeat left, url('images/buttons/ikona.png') no-repeat right;
	display: inline-block;
	height: 30px; line-height: 30px;
	padding: 0 10px; padding-right: 30px;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
input.button { cursor: pointer; }

.button:hover { padding-right: 35px; }

/* ie 8 i nizej ( warunek dla span w htmlu ) */
.button span
{
	padding-right: 30px; margin-right: -30px;
	background: url('images/buttons/ikona.png') no-repeat right;
}
	


/* -------------------------------------------------------------------------------------------------- kategorie */
.kategoria
{ 
	font-size: 12px; 
	vertical-align: top; width: 25%;
	padding: 10px;
	border: 1px solid #eee;
}
.kategoria a { font-size: 12px; }
.kategoria p 
{ 
	font-weight: bold;
	min-height: 18px;
	margin: 10px 0; padding-left: 22px;
	background: url('images/lista_d.png') no-repeat;
}
.kategoria ul { padding: 0; padding-left: 4px; margin: 0; list-style-type: none }
.kategoria li { background: url('images/lista.png') no-repeat 0 2px; padding-left: 18px}
.kategoria .wszystkie { color: #888 }
.kategoria img { vertical-align: middle; margin-right: 10px }


/*  submenu kategorii */
.kategorieRozwijane, .kategorieRozwijane td { overflow: visible; }
.kategorieRozwijane .submenuKontener { position: relative; }
.kategorieRozwijane .submenuKontener:hover > .submenu { display: block; }
.kategorieRozwijane .submenu:hover .submenuKontener { display: block; }
.kategorieRozwijane .submenu
{
	position: absolute; top: 0; left: 150px;
	width: 160px;
	padding: 5px;
	background: white;
	border: 1px solid #ddd;
	display: none;
	z-index: 1;
}
.kategorieRozwijane p { margin: 0; padding: 5px 0; background: url('images/lista.png') no-repeat 0 7px; padding-left: 15px; }



/* -------------------------------------------------------------------------------------------------- produkty - LISTING */
.zdjecie img { padding: 5px; }


/* -------------------------------------------------------------------------------------------------- produkty w infobox i contentbox */
.ramkaProduktow
{
	text-align: center;
	width: 160px;
	border: 1px solid #dcdcdc;
	border-radius: 5px; -moz-border-radius: 5px;
	padding: 5px;
}


.net77_nowosci_nowe { text-align: center; }
.net77_nowosci_nowe p { margin: 0; }
.net77_nowosci_nowe .net77_miniaturka { min-height: 140px; }
.net77_nowosci_nowe .net77_tytul { margin: 4px 0; }
.net77_nowosci_nowe .net77_tytul a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #0099FF;
}
.net77_nowosci_nowe .net77_opis { margin: 8px 0; color: #999999; }
.net77_nowosci_nowe .net77_data_dodania { font-size: 9px; }

ul.menuLewe { margin: 0; padding: 0; list-style: none; border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
ul.menuLewe > li { background: url(images/cienMenuLewe.png) repeat-y right #ddd; }
ul.menuLewe > li > a
{
	font-weight: bold;
	text-align: right;
	display: block;
	background: url(images/d_lista.png) no-repeat 96% center;
	padding: 15px 10px; padding-right: 25px;
	border-top: 1px solid #bbb;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

ul.menuLewe > li:hover { background-color: #bbb; }
ul.menuLewe > li > a:hover { background-image: url(images/d_listaHover.png); text-decoration: none; }

ul.menuLewe > li.NOSEPARATOR > a,
ul.menuLewe > li.NOSEPARATOR > a:hover { background-image: url(images/d_listaAktywny.png); background-color: white; }

ul.menuLewePonizej { list-style: none; text-align: right; margin: 0; padding: 0; border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
ul.menuLewePonizej > li { background: url(images/cienMenuLewe.png) repeat-y right #f0f0f0; }
ul.menuLewePonizej a
{
	display: block;
	padding: 10px; padding-right: 25px;
	border-top: 1px dashed #ccc;
	background: url(images/lista.png) no-repeat 95% center;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

ul.menuLewePonizej > li:hover { background-color: #ddd; }
ul.menuLewePonizej a:hover { background-image: url(images/listaHover.png); text-decoration: none; }

ul.menuLewePonizej li.NOSEPARATOR > a,
ul.menuLewePonizej li.NOSEPARATOR > a:hover { background-image: url(images/listaAktywny.png); background-color: white; }


/* -------------------------------------------------------------------------------------------------- opis produktu */
#produkt_info_glowne { border: 1px solid #dcdcdc; }
#produkt_info_glowne #zdjecie { margin: 0; }
#produkt_info_glowne #zdjecie img { padding: 5px; }
#produkt_info_glowne #dodatkowe { list-style: none; padding: 0; }
#produkt_info_glowne #dodatkowe li { background: url('images/lista.png') no-repeat; padding-left: 15px; }

/* zakladka  */
.zakladka .z1, .zakladka .z1_rozwin, .zakladka .z1_zwin { color: #444; }
.modul_tresc { border: 1px solid #dcdcdc; border-top: 0px; padding: 10px; overflow: auto; }

/* recenzje */
#recenzje_tresc .pozycja { border: 1px solid #ddd; }


/* -------------------------------------------------------------------------------------------------- kroki w zamowieniu */
.checkoutBarFrom, .checkoutBarTo { color: #aaa; }
.checkoutBarFrom a { color: #444; }
.checkoutBarCurrent { color: #0099FF; }


.aktualnosc { background: url(images/listaAktywny.png) no-repeat left 3px; padding-left: 15px;  }

.slajdy { margin: 0; padding: 0; }
.slajdyKontener .slajdy > li { float: left; }
#slajdyGlownaSterowanie
{
	position: absolute;
	bottom: 5px;
	right: -5px;
}