body { margin:0; padding:0; }
.bez_przewijakow  { overflow:hidden; }
a, embed, object , input, textarea { outline:none; }
p, form, fieldset, input, select, textarea { margin:0; padding:0; }
textarea { overflow:auto; }
img { border:0; }
div.clear { clear: both; width: 100%; overflow: hidden; height: 1px; background: transparent;}

/* administracja ------------------------------------------------------------ */

a.edytuj, a.edytuj:hover
{
	display:block;
	width:auto;
	float:left;
	margin-right: 3px;
	padding:5px 5px 3px 25px;
	background: #ffd737 url('bimg/edytuj.gif') no-repeat 2px 1px;
	border:1px solid #404040;
	color:#000;
	font:bold 11px Arial,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
}

div.admin
{
    text-align: center;
    width: 100%;
	padding: 10px 0px;
    background: #eee;
    border-bottom: 1px dashed #999;
}

div.admin div.ogranicznik
{
	width: 850px;
	margin: 0 auto;
}div.literacja
{
	/*margin:10px 15px 10px 0px;*/
}

div.literacja a
{
	display:block;
	background-color: #eee;
	color:#222;
	border:1px solid #999;
	margin-right: 2px;
	float:left;
	font: bold 12px/12px Arial,sans-serif;
	padding: 4px 4px;
}

div.literacja a:hover
{
	text-decoration: none;
	background-color: #ddd;
}

div.literacja a.zaznaczona
{
	text-decoration: none;
	background-color: #c3cecb;
}/* OGOLNE ====================================================================*/

body
{
    font: 13px/17px Tahoma, Arial, sans-serif;
    text-align: center;
    background: #fff;
    color:#262624;
}

td
{
	font: 13px/17px Tahoma, Arial, sans-serif;
}

input,textarea,select
{
	font: 13px/13px Tahoma, Arial, sans-serif;
	padding: 3px;
	background: #fdfdfd;
	border: 1px solid #bbb;
	margin: 0px;
}

input.przycisk
{
	font: 13px/13px Tahoma, Arial, sans-serif;
	padding: 0px 3px;
	height: 23px;
	background:#ddd;
	cursor:pointer;
	vertical-align: top;
}

a
{
	color:#386057;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}

h2
{
	color:#262624;
	font: 14px/14px sans-serif;
	padding: 0px;
	margin: 0px;
}

span.komunikat
{
	color:#009900;
}

span.blad
{
	color:#990000;
}

/* TEMPLATKA ================================================================ */

div.srodkowanie
{
    text-align: left;
    width: 998px;
    margin: 0 auto;
}

div.gora
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 402px;
    background: url('img/goraaa.png') no-repeat top center transparent;
}

div.kontener-slideshow
{
	position: absolute;
	left: 0px;
	top: 72px;
	width: 100%;
	height: 317px;
}

div.slideshow
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 317px;
	overflow: hidden;
}

div.slideshow img
{
	height: 317px;
}

div.gora-kontener
{
	position: relative;
	left: 0px;
	top: 0px;
	text-align: left;
    width: 998px;
    height: 402px;
    margin: 0 auto;
	background: transparent url('img/gora-kreska.png') no-repeat 196px 102px;
	z-index: 200;
}

a.logo
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 190px;
	height: 138px;
	background: transparent url('img/logo.png') no-repeat top left;
	z-index: 200;
}

a.logo2
{
	display: block;
	position: absolute;
	left: 0px;
	bottom: 1px;
	width: 190px;
	height: 57px;
	background: transparent url('img/logo2.png') no-repeat top left;
	z-index: 200;
}

div.szukajka
{
	display: block;
	position: absolute;
	left: 210px;
	top: 26px;
	width: 184px;
	height: 23px;
	background: transparent url('img/szukajka.png') no-repeat top left;
}

div.szukajka input.szukajka-pole
{
	display: block;
	position: absolute;
	left: 0px;
	top: -1px;
	width: 152px;
	padding: 0px 5px;
	height: 23px;
	font: 12px/14px Arial,sans-serif;
	color: #7a7c7e;
	margin:0;
	border: none;
	background: transparent;
}

div.szukajka input.szukajka-przycisk
{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 22px;
	height: 23px;
	border: none;
	background: transparent;
	cursor: pointer;
}

table.logotypy
{
	position: absolute;
	right:0px; 
	top: 1px;
}

table.logotypy a, table.logotypy img
{
	display:block;
}

div.szukaj
{
	position: absolute;
	left: 0px;
	bottom: 58px;
	width: 190px;
	height: 123px;
	background: transparent url('img/szukaj.png') no-repeat top left;
	z-index: 200;
}

input.szukaj-pole
{
	display: block;
	position: absolute;
	left: 7px;
	top: 49px;
	width: 172px;
	border: none;
	background: transparent;
	font: 12px/14px Arial,sans-serif;
	color: #7a7c7e;
	z-index: 200;
	padding: 2px;
	margin: 0px;
}

input.szukaj-przycisk
{
	display: block;
	position: absolute;
	left: 122px;
	top: 79px;
	width: 63px;
	height: 25px;
	border: none;
	background: transparent;
	cursor: pointer;
	z-index: 200;
}

div.menu-gora
{
	position: absolute;
	left: 197px;
	top: 72px;
	width: 798px;
}

div.lewa
{
	float: left;
	width: 718px;
}

div.prawa
{
	float: left;
	width: 280px;
}

div.tresc
{
	padding: 4px;
}

div.tresc-paddingi
{
	padding: 10px 15px;
}

div.stopka
{
	width: 100%;
	height: 30px;
	text-align: center;
	background: transparent url('img/stopka.png') no-repeat top center;
	color: #7a8f8a;
	font: 13px/19px Tahoma,sans-serif;
	padding-top: 12px;
}

div.stopka a
{
	color: #7a8f8a;
	font: 13px/19px Impact,sans-serif;
	text-decoration: none;
}

div.stopka a:hover
{
	text-decoration: underline;
}

/* PRZYCISKI I INNE PIERDY ================================================== */

a.przycisk
{
	display: block;
	float: left;
	color: #262624;
}

span.przycisk-lewa
{
	display: block;
	float: left;
	width: 7px;
	height: 21px;
	background: transparent url('img/przycisk-lewa.png') no-repeat top left;
}

span.przycisk-srodek
{
	display: block;
	float: left;
	height: 16px;
	padding: 5px 10px 0px 10px;
	font: 10px/10px Tahoma, sans-serif;
	background: #b0b0b0;
	text-align: center;
}

table.nowosci-plytowe-widget td span.przycisk-srodek,
.kat-sklep span.przycisk-srodek
{
	padding: 5px 3px 0px 3px;
}

span.przycisk-prawa
{
	display: block;
	float: left;
	width: 7px;
	height: 21px;
	background: transparent url('img/przycisk-prawa.png') no-repeat top left;
}

a.przycisk-duzy
{
	display: block;
	float: left;
	color: #262624;
}

span.przycisk-duzy-lewa
{
	display: block;
	float: left;
	width: 7px;
	height: 28px;
	background: transparent url('img/przycisk-duzy-lewa.png') no-repeat top left;
}

span.przycisk-duzy-srodek
{
	display: block;
	float: left;
	height: 21px;
	padding: 7px 5px 0px 5px;
	font: bold 13px/13px Arial, sans-serif;
	background: #b0b0b0;
	text-align: center;
}

span.przycisk-duzy-prawa
{
	display: block;
	float: left;
	width: 7px;
	height: 28px;
	background: transparent url('img/przycisk-duzy-prawa.png') no-repeat top left;
}

div.naglowek
{
	float: left;
	color: #fff;
	font: 15px/15px Tahoma, sans-serif;
}

div.naglowek-lewa
{
	display: block;
	float: left;
	width: 7px;
	height: 35px;
	background: transparent url('img/naglowek-lewa.png') no-repeat top left;
}

div.naglowek-srodek
{
	display: block;
	float: left;
	height: 25px;
	padding: 10px 10px 0px 10px;
	text-transform: uppercase;
	background: transparent url('img/naglowek-srodek.png') repeat-x top left;
}

a.naglowek-wstecz
{
	display: block;
	float: right;
	color: #fff;
	font: 12px/12px Tahoma, sans-serif;
	text-transform: none;
	text-decoration: none;
	padding: 1px 0px 0px 0px;
}

div.naglowek-prawa
{
	display: block;
	float: left;
	width: 7px;
	height: 35px;
	background: transparent url('img/naglowek-prawa.png') no-repeat top left;
}

/* PRZEGLADY ARTYKULOW ====================================================== */

div.przeglady-artykul
{
	border-bottom: 1px solid #aaa;
	background: #ddd;
	margin: 5px 0px 0px 0px;
	padding: 10px;
}

a.przeglady-zdjecie
{
	float:left;
	display: block;
	margin: 0px 20px 0px 0px;
}

div.przeglady-tekst
{
	position: relative;
	left: 0px;
	top: 0px;
	float:left;
	width: 100%;
}

a.przeglady-naglowek
{
	display: block;
	margin-bottom: 3px;
	color: #262624;
	font:15px/15px sans-serif;
	text-decoration: none;
}

div.przeglady-data-dopisek
{
	color:#858585;
	margin-top: 3px;
	margin-bottom: 12px;
}

/* ARTYKULY (TAKZE ARTYKULY W PRZEGLADACH) ================================== */

div.artykuly-zdjecia
{
	float:right;
	margin: 3px 0px 10px 15px;
}

div.artykuly-zdjecia ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.artykuly-zdjecia ul li
{
	margin-bottom: 15px;
	background: transparent;
}

div.artykuly-zdjecia ul li a
{
	display: block;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

div.artykuly-zdjecia div.podpis
{
	text-align: center;
	margin-top: 3px;
}

/* KWADRATY (GALERIE I INNE PIERDY) ========================================= */

div.kwadrat
{
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	width: 158px;
	padding-left: 15px;
}

div.kwadrat a.obrazek
{
	display: block;
	width: 158px;
	height: 158px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none;
}

div.kwadrat a.obrazek:hover
{
	
}

div.kwadrat a.podpis
{
	font: 14px/14px sans-serif;
	text-decoration: none;
}

div.kwadrat a.dk
{
	display: none;
	position: absolute;
	left: 80px;
	top: 140px;
	width: 80px;
	height: 20px;
	background: transparent url('img/dk.png') no-repeat top left;
}

div.kwadrat a.dk:hover
{
	background: transparent url('img/dk.png') no-repeat bottom left;
}


/* KONCERTY ================================================================= */

div.koncert
{
	border-bottom: 1px solid #b6b6b6;
	margin-bottom: 10px;
}

table.koncert-data
{
	float: left;
}

table.koncert-data td
{
	text-align: center;
	padding: 4px 7px;
	width: 102px;
}

table.koncert-data td.gora
{
	background: #767676;
	color: #fff;
	font: 16px/16px Tahoma,sans-serif;
}

table.koncert-data td.dol
{
	background: #191e18;
	color: #fff;
	font: bold 14px/14px Tahoma,sans-serif;
}

div.koncert-dane
{
	float:right;
	width: 545px;
}

div.koncert-dane a.artysta
{
	font: bold 16px/16px sans-serif;
	text-decoration: none;
}

div.koncert-dane span.miejsce
{
	font: bold 16px/16px sans-serif;
}

div.koncert-dane span.miasto
{
	font: bold 16px/16px sans-serif;
}

div.koncert-linki
{
	float: right;
}

a.koncert-link
{
	display: block;
	float: left;
	font: 12px/12px sans-serif;
	padding: 2px 7px;
	margin-right: 1px;
	background: #eee;
	color: #111;
	text-decoration: none;
}

a.koncert-link:hover,
a.koncert-link-aktywny,
a.koncert-link-aktywny:hover
{
	display: block;
	float: left;
	font: 12px/12px sans-serif;
	padding: 2px 7px;
	margin-right: 1px;
	background: #c3cecb;
	color: #111;
	text-decoration: none;
}

/* DYSKOGRAFIA ============================================================== */

table.album
{
	border-top: 1px solid #eee;
	margin-top: 1px;
}

table.album td.album-lewa
{
	padding: 4px 4px;
	text-align: right;
	border-bottom: 1px solid #eee;
	color: #888;
}

table.album td.album-prawa
{
	padding: 4px 4px;
	border-bottom: 1px solid #eee;
}

div.album-lewa
{
	float: left;
	width: 250px;
	background: #ddd;
	padding: 5px;
}

div.album-prawa
{
	float: right;
	width: 400px;
}

/* ARTYSTA ================================================================== */

a.artysta-rozwijak
{
	display:block;
	padding: 5px 10px 5px 25px;
	text-decoration: none;
	font: 15px/15px sans-serif;
	background: #e1e1e1 url('img/minus-rozwijak.png') no-repeat 5px 7px;
}

a.artysta-rozwijak.plus
{
	background: #e1e1e1 url('img/plus-rozwijak.png') no-repeat 5px 7px;
}

/* STRONA GLOWNA ============================================================ */

/* KONCERTY WIDGET ========================================================== */

table.tabela-koncerty-widget
{
	width: 100%;
}

table.tabela-koncerty-widget td
{
	text-align: left;
	vertical-align: middle;
	/*cursor: pointer;*/
}

div.koncerty-widget-data
{
	width: 52px;
	text-align: center;
	border-right: 2px solid #8b8b8b;
}

div.koncerty-widget-opis
{

}
#featured{ 
	width:610px;
	padding-right:100px;
	position:relative; 
	height:265px;
	background:transparent;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:617px;
	list-style:none; 
	padding:0; margin:0; 
	width:90px;
}
#featured ul.ui-tabs-nav li{ 
	
	width: 93px;
	height: 61px;
	overflow: hidden;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
}

#featured li.ui-tabs-nav-item a{ 
	
}
#featured li.ui-tabs-nav-item a:hover{ 
	
}
#featured li.ui-tabs-selected{ 
	
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	
}

#featured .ui-tabs-panel{ 
	width:610px; height:265px;
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0px; left:0;
	width:610px;
	background: url('img/transparent-bg.png');
}
#featured .info p{ 
	padding:7px 7px;
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#bde6dc;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}/* MENU GORNE ============================================================== */

div.menu-gora a
{
	color: #262624;
}

/* pierwszy poziom */

li.potato-menu-item
{
	width: auto;
	background: transparent;
	font: 15px/15px sans-serif;
}

li.potato-menu-item a
{
	padding: 7px 13px 8px 13px;
	font: 15px/15px sans-serif;
	text-transform: uppercase;
}

a.poziom1,
a.poziom1-aktywna
{
	font: 15px/15px sans-serif;
	text-transform: uppercase;
}

li.potato-menu-hover,
li.aktywna
{
	background: transparent url('img/menu-tlo.png') repeat top left;
}

li.potato-menu-hover a,
li.aktywna a
{
	color: #f4f7fc;
}

/* drugi poziom (i kolejne) */

li.potato-menu-item ul
{
	padding-top: 5px;
	background: transparent url('img/menu-tlo.png') repeat top left;
}

li.potato-menu-item li.potato-menu-item
{
	width: 100%;
	background: transparent;
	text-align: left;
}

li.potato-menu-item li.potato-menu-item a
{
	padding: 7px 18px 7px 18px;
	color: #fffefe;
	font: 13px/13px sans-serif;
	text-transform: none;
}

a.poziom2
{
	font: 13px/13px sans-serif;
	text-transform: none;
}

li.potato-menu-hover li.potato-menu-hover,
li.potato-menu-hover li.aktywna
{
	background: #1d1d1d;
}


div.paginacja
{
	float: right;
	margin:10px 15px 10px 0px;
}

div.paginacja a
{
	display:block;
	background-color: #eee;
	color:#222;
	border:1px solid #999;
	margin-right: 2px;
	float:left;
	font: bold 12px/12px Arial,sans-serif;
}

div.paginacja a:hover
{
	text-decoration: none;
	background-color: #ddd;
}

div.paginacja a.pierwsza_strona
{
	
	width:8px;
	height:14px;
	background-image: url('img/paginacja/paginacja_pierwsza_strona.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.lewo
{
	width:7px;
	height:14px;
	background-image: url('img/paginacja/paginacja_lewo.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.prawo
{
	width:7px;
	height:14px;
	background-image: url('img/paginacja/paginacja_prawo.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.ostatnia_strona
{
	width:8px;
	height:14px;
	background-image: url('img/paginacja/paginacja_ostatnia_strona.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.cyfra
{
	text-decoration: none;
	padding:2px 4px;
}

div.paginacja a.cyfra_zaznaczona
{
	text-decoration: none;
	padding:2px 4px;
	background-color: #c3cecb;
}/* SZCZEGOLY PRODUKTU ======================================================= */

div.produkt-zdjecia
{
	float: left;
	width: 162px;
	padding-right: 20px;
}

div.produkt-opis
{
	float: right;
	width: 495px;
}

table.produkt-wlasciwosci-statyczne
{

}

table.produkt-wlasciwosci-statyczne td
{

}

table.produkt-wlasciwosci-wybierane
{

}

table.produkt-wlasciwosci-wybierane td
{
	padding: 0px 0px 5px 10px;
	text-align: right;
}

table.produkt-wlasciwosci-wybierane td select
{
	width:90%;
}

div.koszyk-kontener
{
	padding-top: 15px;
	float:right;
}

input.koszyk
{
	margin-top: 10px;
	display: block;
	float: right;
	cursor: pointer;
}

/* KOSZYK =================================================================== */

a.zobacz-koszyk
{

}

a.koszyk-do-tylu
{
	font: 15px/15px Arial,sans-serif;
	/*color: #31291b;*/
	text-decoration: none;
}

a.koszyk-do-tylu:hover
{
	text-decoration: none;
}

a.koszyk-do-przodu
{
	font: 15px/15px Arial,sans-serif;
	/*color: #31291b;*/
	text-decoration: none;
}

a.koszyk-do-przodu:hover
{
	text-decoration: none;
}

table.tabela-formularz td
{
	/*background: #f5f5f5;*/
	border-top: 1px solid #e2e2e2;
	vertical-align: top;
}

div.bledy
{
	color: #C00;
	padding-bottom: 10px;
}

input.error,
textarea.error
{
	border-color: #C00;
}

table.przelew td
{
	background: #fff;
}

/* KOSZYK MODUL ============================================================= */

/* kwp = koszyk wysuwany produkt */

span.kwp-nazwa
{
	font: bold 12px/15px Tahoma,Arial,sans-serif;
}

td.kwp-ilosc-cena
{
	font: 13px/13px Tahoma,Arial,sans-serif;
	padding: 0px 10px;
}

a.kwp-wiecej
{
	float: left;
	display: block;
	width: 11px;
	height: 10px;
	background: transparent url('img/koszyk-wysuwany-wiecej.png') no-repeat top left;
}

a.kwp-mniej
{
	float: left;
	display: block;
	width: 11px;
	height: 10px;
	background: transparent url('img/koszyk-wysuwany-mniej.png') no-repeat top left;
}

table.kwp-sumy
{
	margin-top: 10px;
	width: 100%;
}

table.kwp-sumy td.kwp-sumy-lewa
{
	padding-left: 10px;
	text-align: left;
	font: 11px/11px Tahoma,sans-serif;
	vertical-align: bottom;
}

table.kwp-sumy td.kwp-sumy-prawa
{
	padding-right: 10px;
	text-align: right;
	font: bold 13px/13px Tahoma,sans-serif;
	color: #067c00;
	vertical-align: bottom;
}