/* MENU GORNE =============================================================== */

div.menu-gorne a
{
	display: block;
	float: left;
	font: 16px/16px sans-serif;
	color: #fff;
	padding: 10px 11px 0px 12px;
	margin-left: 6px;
	height: 42px;
	text-decoration: none;
	background: transparent;
}

div.menu-gorne a:hover,
div.menu-gorne a.aktywna
{
	padding: 17px 11px 0px 12px;
	height: 35px;
	background: transparent url('img/menu-gorne-zaznaczone.png') no-repeat top left;
}

/* MENU KATEGORIE =========================================================== */

div.menu-kategorie a.poziom1
{
	display: block;
	color: #3d3d3d;
	font: 15px/20px sans-serif;
	width: 184px;
	padding: 7px 0px 7px 9px;
	/*background: transparent url('img/kategorie-poziom1.png') no-repeat top left;*/
	background: #f1f1f1;
	margin-bottom: 4px;
	text-decoration: none;
}

.lista-grup {
	display: block;
	padding-bottom: 20px;
}

.lista-grup > a.poziom1, .lista-grup > a.poziom2, .lista-grup > a.poziom3, .lista-grup > a.poziom4 {
	color: #626262;
	text-decoration: none;
	transition-duration: 1s;
}

.lista-grup > a.poziom1:hover, .lista-grup > a.poziom2:hover, .lista-grup > a.poziom3:hover, .lista-grup > a.poziom4:hover {
	color: #000;
}

.aktywna {
	font-weight: 700;
}

div.menu-kategorie a.poziom1.aktywna
{
	color: #da7d00;
}

div.menu-kategorie a.poziom2, div.menu-kategorie a.poziom3, div.menu-kategorie a.poziom4
{
	display: block;
	color: #fff;
	background: #9e8d78;
	text-decoration: none;
	padding: 5px 0px 5px 7px;
	margin-bottom: 1px;
}

div.menu-kategorie a.poziom2.aktywna, div.menu-kategorie a.poziom3.aktywna, div.menu-kategorie a.poziom4.aktywna,
div.menu-kategorie a.poziom2:hover, div.menu-kategorie a.poziom3:hover, div.menu-kategorie a.poziom4:hover
{
	color: #fff;
	background: #88755d;
	
}

div.menu-kategorie a.poziom3
{
	margin-left: 15px;
}

div.menu-kategorie a.poziom4
{
	margin-left: 30px;
}


/* MENU DOLNE =============================================================== */

div.menu-dolne a
{
	padding-right: 10px;
}div.paginacja
{
	margin:15px 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: #ccc;
}body { margin:0; padding:0; }
.bez_przewijakow  { overflow:hidden; }
a, embed, object, input, button { outline:none; }
p, form, fieldset { margin:0; padding:0; }
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: 0px 15% 0px 15%;
	background: #eee;
	border-bottom: 1px dashed #999;
	top: 52px;
	position: fixed;
	z-index: 999;
}

div.admin div.ogranicznik
{
	margin: 0 auto;
	top: 78px;
}

/* @import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700&subset=latin,latin-ext); */

/* OGOLNE ====================================================================*/

body
{
    color:#483a28;
    font-family: 'Titillium Web', sans-serif;
    background: #fff;
    overflow-x: hidden;
}

.no-space-flexbox {
	padding: 0;
	height: 100%;
	min-height: 100%;
}

h2 {
    font-size: 14px;
	margin-top: 0px;
	padding-bottom: 24px;
	padding-left: 16px;
	border-bottom: 4px solid #f1f1f1;
	font-style: italic;
}
h1{
    font-size: 14px;
    margin-top: 0px;
    padding-top: 12px;
    padding-left: 16px;
    font-weight: 700;    
      text-align: center;
    font-style: italic;
}
h2:before {
    content: url('img_new/schody.png');
    margin-right: 30px;
	position: relative;
	top: 5px;
}

h2 a,
h2 a:hover {
	color: #2f2f2f;
	text-decoration: none;
}

.btn {
	border-radius: 0;
}
.productname{
    display: inline-block;    
    padding: 0;
    margin: 0;
}
/* NAV ALLESCHODY ==================================== */

.nav-alleschody {
	background: #2f2f2f;
	border-radius: 0;
	border: none;
	height: 52px;
}

@media only screen and (min-width: 768px) {
	.nav-alleschody {
		font-size: 11px;
	}
}

@media only screen and (min-width: 1200px) {
	.nav-alleschody {
		font-size: 12px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
	.navbar-collapse {
		background: #2F2F2F;
		border-color: transparent;
		text-align: center;
		text-transform: uppercase;
	}

	.navbar-default .navbar-toggle {
	    border-color: #FFD23D;
	}

	.navbar-default .navbar-toggle .icon-bar {
    	background-color: #FFF;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: #080707;
	}

}

@media only screen and (min-width: 768px) {
	.navbar-collapse {
		padding: 0px;
	}
}

.nav-alleschody a {
	color: #dfdfdf;
}

.nav-alleschody .navbar-nav > .open > a:hover,
.nav-alleschody .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #FFD23D;
}

.nav-alleschody .navbar-nav > li > a {
    color: #9f9f9f;
    border-bottom: 2px solid transparent;
    transition-duration: 1s; 
}

.nav-alleschody .navbar-nav > .active > a, .nav-alleschody .navbar-nav > .active > a:focus, .nav-alleschody .navbar-nav > .active > a:hover {
    color: #dfdfdf;
    background-color: transparent;
    border-bottom: 2px solid #dfdfdf;
}


@media only screen and (min-width: 360px) {
	.nav-alleschody .navbar-nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
}


@media only screen and (min-width: 768px) {
	.nav-alleschody .navbar-nav > li > a {
		padding-left: 4px;
		padding-right: 4px;
	}
}

@media only screen and (min-width: 360px) {
	.nav-alleschody .navbar-nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
}

.navbar-brand {
	display: none;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
	.navbar-brand {
	    padding: 10px 15px;
	}
}   

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-brand {
	    padding: 8px 5px;
	}
}   

@media only screen and (min-width: 992px) {
	.navbar-brand {
		padding: 10px 15px;
	}
}  

.nav-alleschody .navbar-nav > li > a:hover,
.nav-alleschody .navbar-nav > li > a:focus {
    color: #dfdfdf;
}

@media only screen and (min-width: 360px) and (max-width: 991px) {
	#menu-top-prawe > li a > img {
		margin-right: 0px;
	}
}

@media only screen and (min-width: 992px) {
	#menu-top-prawe > li a > img {
		margin-right: 18px;
	}
}

#logowanie-top {
	margin-bottom: 5px;
}

#logowanie-top > .form-group > .input-group .input-group-addon {
    border-radius: 0;
    background-color: #ffd23d;
    border: 0;
    color: #fff;
}

#logowanie-top input {
    border-radius: 0;
    font-size: 14px;
    box-shadow: none;
}

#menu-logowanie a {
	/* color: #337ab7; */
	color: #8a8a8a;
}

#menu-logowanie {
	padding: 15px;
}

@media screen and (min-width: 768px) {
	#menu-logowanie {
		min-width: 565px;
	}
}

@media screen and (min-width: 360px) {
	.widoczne {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	.widoczne {
		display: inline;
	}
}

/* TOP STRONY ======================================== */

img#telefon-kontaktowy,
img#logo {
	max-width: 100%;
	margin: 0 auto;
}

@media only screen and (min-width: 360px) {
	#top-strony {
		margin-bottom: 15px;
		margin-top: 65px;
	}
}

@media only screen and (min-width: 992px) {
	#top-strony {
		margin-bottom: 74px;
		margin-top: 115px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	img#logo {
		margin-bottom: 15px;
	}

	#wyszukiwarka-top {
		margin-bottom: 15px;
	}

}

/* WYSZUKIWARKA GÓRA ================================= */

#wyszukiwarka-top input {
	border-radius: 0;
	border-right: 0;
	font-size: 14px;
	font-style: italic;
	box-shadow: none;
}
#wyszukiwarka-top > .input-group .input-group-addon {
    border-radius: 0;
    background-color: #ffd23d;
    border: 0;
    color: #fff;
}

#przycisk-wyszukiwarka-top {
	cursor: pointer;
}

/* SLIDER TOP ======================================== */

#slider-top {
	margin-bottom: 54px;
}

/* PIERWSZE INFORMACJE ======================================== */

#pierwsze-informacje {
	margin-bottom: 36px;
}

.ikona-mala {
	background: transparent url("img_new/mini_logo.png") no-repeat scroll left center;
	width: 67px;
	height: 55px;
	border-bottom: 3px solid gold;
	margin-bottom: 12px;
}

/* MENU KATEGORIE ==================================== */

#nad-menu {
	margin-bottom: 18px;
	padding-left: 23px;
	font-weight: 300;
}

#nad-menu > span {
	font-size: 24px;
	margin-right: 27px;
	position: relative;
	top: 5px;
}

.menu-kategorie-lewe {
	font-weight: 300;
	background: #f5f5f5;
	padding-bottom: 30px;
	padding-top: 36px;
	border: 1px solid #fafafa;
	border-radius: 2px;
	border-top: 4px solid #ffd23d;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 36px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.menu-kategorie-lewe {
		font-size: 12px;
		padding-left: 12px;
	}
}

@media screen and (min-width: 992px) {
	.menu-kategorie-lewe {
		font-size: 13px;
		padding-left: 23px;
	}
}

.atuty {
	text-align: center;
}

.atuty a:first-child{
	margin-bottom: 32px;
}

/* OSTATNIO PRZEGLĄDANE ==================== */

#ostatnio-przegladane {
	padding-top: 36px;
	background: #f8f8f8;
	border: 1px solid #f1f1f1;
	margin-top: 54px;
}

#ostatnio-przegladane p:first-child {
	padding-left: 10%;
	padding-bottom: 20px;
}

#ostatnio-przegladane p:last-child {
	padding-left: 10%;
	padding-bottom: 20px;
}

#ostatnio-przegladane > .kreska {
	background: #ffd23d;
	width: 70%;
	height: 3px;
	margin-bottom: 18px;
}

#ostatnio-przegladane > .rozdzielacz-ostatnie {
	margin-bottom: 15px; 
	height: 1px;
	border-bottom: 2px solid #e1e1e1;
}

/* STRONA TREŚĆ ============================ */

#zawartosc-strony {
	margin-bottom: 72px;
}

.cenny-produkt {
	font-size: 22px;
	color: #626262;
}

.cenny-produkt span {
	line-height: 54px;
}

#cena-finalna {
	text-decoration: underline;
	font-weight: 700;
	color: #000;
}

.zdjecia-produktu {
	border: 1px solid rgb(224, 224, 224); 
	text-align: center;
}

.zdjecia-produktu img {
	min-width: 250px;
	margin: 0px auto;
	display: block;
	max-width: 100%;
}

#produkty-miniatury {
	margin-top: 15px;
	cursor: move;
}

#produkty-miniatury .obramowanie {
	border: 1px solid #dfdfdf; 
	display: block; 
	overflow: hidden; 
	text-align: center; 
	width: 50px; 
	height: 50px; 
}

h3.kroki {
	display: block; 
	font-size: 26px; 
	font-weight: 700; 
	padding-bottom: 15px;
	border-bottom: 4px solid #FFD23D;
}

.numer-kroku {
	color: #ffd23d;
	margin-right: 16px;
}

.zdjecie-wybor {
	margin-bottom: 15px;
}

.zdjecie-wybor img {
	border: 1px solid transparent;
	margin-bottom: 4px;
}

.kontener-zdjecie {
	background: #F8F8F8; 
	width: 120px; 
	height: 140px;
	border: 4px solid transparent;
	margin-bottom: 10px;
	transition-duration: 1s;
}

.kontener-zdjecie:hover {
	border: 4px solid #7FB820;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
	.kontener-zdjecie {
		margin-left: auto;
		margin-right: auto;
	}

	.zdjecie-wybor p {
		text-align: center;
	}
}

.zdjecie-wybor p {
	color: #999999;
}

.zdjecie-wybrane > .kontener-zdjecie {
	border: 4px solid #7FB820;
}

.zdjecie-wybrane > p {
	color: #000;
}

.tytul2 {
	font-weight: bold;
	font-size: 13px;
}

.ukryj { 
	opacity:0.4; 
}

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

#koszyk-kontener {
	margin-top: 10px;
}

/* DOSTAWA DOSTEPNOSC ====================== */

.dostawa-dostepnosc {
	margin-top: 58px;
}

.dostawa-dostepnosc p.dostepnosc {
	margin-top: 28px;
}

/* ILOŚĆ SZTUK ============================= */

.ilosci-sztuk {
	padding-top: 36px;
	padding-bottom: 36px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 18px;
	margin-top: 48px;
}

.ilosci-sztuk .input-group {
	height: 54px; 
	width: 198px;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
	.ilosci-sztuk .input-group {
		margin: 15px auto;
	}
}

.ilosci-sztuk .input-group-addon {
	font-size: 21px; color: #ffd23d; border-radius: 0; background: transparent; 
}

.ilosci-sztuk .form-control {
	text-align: center;
	font-size: 21px;
	height: 54px;
	width: 90px;
	border-radius: 0;
	font-weight: 700;
}

.ilosc-sztuk-pole {
	height: 54px; 
	width: 198px;
}

.ilosc-sztuk-pole {}

.grupowanie-ilosc-sztuk {
	font-size: 21px; 
	color: #ffd23d; 
	border-radius: 0; 
	background: transparent; 
}

@media only screen and (min-width: 360px) {
	.ilosc-sztuk-tekst {
		line-height: 24px;
	}
}

@media only screen and (min-width: 992px) {
	.ilosc-sztuk-tekst {
		line-height: 54px;
	}
}

/* PRODUKTY NOWE ORAZ POWIAZANE ============ */

.produkty-dodatkowe {
	font-size: 14px;
	margin-top: 90px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-bottom: 18px;
	border-bottom: 4px solid #f1f1f1; 
	font-size: 20px; 
	color: #626262;
}

/* INFORMACJE ============================== */

#informacje {
	margin-bottom: 40px;
}

#informacje  .scroll {
	width: 100%; 
	height: 140px; 
	overflow-x: hidden; 
	overflow-y: scroll;
}

/* MENU DOLNE ============================== */

.menu-dolne {
	list-style-type: none;
	font-weight: 300;
}

.menu-dolne > li {
	margin-bottom: 16px;
}

.menu-dolne > li a {
	color: #b3b3b3;
	transition-duration: 1s;
	text-decoration: none;
}

.menu-dolne > li a:hover {
	color: #000;
}

/* GALERIA STRONA GŁOWNA =================== */

#galeria {
	margin-bottom: 70px;
}

.pierwsza-warstwa {
	position: relative;
	overflow: hidden;
}

.powielona {
	width: 50%; 
	float: left;
}

.powielona img {
	max-height: 211px;
}

.pierwsza-warstwa > img {
	width: 100%;
	transition: all .2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
}

.pierwsza-warstwa > img:hover {
	transform: scale(1.1);
}

.ikonka-galeria-prawa {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 37px;
	height: 37px;
	background: transparent url('/css/img_new/galeria_prawa.png'); 
}

.ikonka-galeria-lewa {
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	width: 37px; 
	height: 37px; 
	background: transparent url('/css/img_new/galeria_lewa.png');
}

/* FOOTER ================================== */

.footer {
	margin-bottom: 80px;
}

.stopka-poziom-pierwszy {
	border-top: 1px solid #e0e0e0;
	margin-bottom: 108px;
	padding-top: 36px;
}

.stopka-poziom-pierwszy p{
	color: #000000;
	margin-bottom: 24px;
	font-size: 16px;
}

.stopka-kontakt-tresc {
	color: #b3b3b3;
}

.stopka-poziom-drugi {

}

.stopka-tresc {
	font-weight: 300;
	color: #000000;
	line-height: 58px;
}

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

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

a:hover {
	text-decoration: underline;
}

span.komunikat {
	color:#009900;
}

span.blad {
	color:#990000;
}

span.przekreslenie {
	color:#f00;
	text-decoration: line-through;
	background: transparent url('img/red.png') repeat-x 0px 9px;
}

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

a.logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 225px;
	height: 151px;
}

a.logo span {
	position: absolute;
	right:0px;
	bottom:29px;
	color:#351808;
	font:12px/12px Arial,sans-serif;
}

div.szukanie {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 243px;
	height: 50px;
	background: transparent url('img/szukanie.png') no-repeat top left;
}

div.szukanie input.fraza {
	position: absolute;
	left: 67px;
	top: 6px;
	width: 140px;
	padding: 0px;
	border: none;
	background: transparent;
	color: #9c9c9c;
	font: 11px/12px Tahoma, sans-serif;
}

div.szukanie input.przycisk {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 28px;
	height: 26px;
	padding: 0px;
	border: none;
	background: transparent;
}

div.szukanie a.zaawansowane {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 157px;
	height: 19px;
}

div.lewa {
	float: left;
	width: 193px;
	padding-left: 5px;
}

div.logowanie {
	position: relative;
	left: 0px;
	top: 0px;
	width: 193px;
	height: 123px;
	background: transparent url('img/logowanie.png') no-repeat top left;
}

div.logowanie input.login {
	position: absolute;
	left: 16px;
	top: 42px;
	width: 122px;
	padding: 0px;
	border: none;
	background: transparent;
	color: #9c9c9c;
	font: 11px/12px Tahoma, sans-serif;
}

div.logowanie input.haslo {
	position: absolute;
	left: 16px;
	top: 69px;
	width: 122px;
	padding: 0px;
	border: none;
	background: transparent;
	color: #9c9c9c;
	font: 11px/12px Tahoma, sans-serif;
}

div.logowanie input.submitacja {
	position: absolute;
	left: 152px;
	top: 65px;
	width: 32px;
	height: 22px;
	padding: 0px;
	border: none;
	background: transparent;
	cursor: pointer;
}

div.logowanie a.rejestracja {
	display: block;
	position: absolute;
	left: 9px;
	top: 95px;
	width: 68px;
	height: 22px;
}

div.logowanie a.zapomnialem {
	display: block;
	position: absolute;
	left: 80px;
	top: 95px;
	width: 102px;
	height: 22px;
}

div.panel {
	position: relative;
	left: 0px;
	top: 0px;
	width: 193px;
	height: 123px;
	background: transparent url('img/panel.png') no-repeat top left;
}

div.panel a.koszyk {
	display: block;
	position: absolute;
	left: 9px;
	top: 53px;
	width: 99px;
	height: 22px;
}

div.panel a.dane {
	display: block;
	position: absolute;
	left: 113px;
	top: 53px;
	width: 72px;
	height: 22px;
}

div.panel a.zamowienia {
	display: block;
	position: absolute;
	left: 9px;
	top: 82px;
	width: 99px;
	height: 22px;
}

div.panel a.wyloguj {
	display: block;
	position: absolute;
	left: 113px;
	top: 82px;
	width: 72px;
	height: 22px;
}

div.prawa {
	float: right;
	width: 794px;
}

div.menu-gorne {
	width: 794px;
	height: 52px;
	background: transparent url('img/menu-gorne.png') repeat-x top left;
	overflow: hidden;
}

div.baner-kontener {
	position: relative;
	left: 0px;
	top: 0px;
	width: 794px;
	height: 326px;
	background: transparent url('img/baner.png') no-repeat top center;
}

div.baner {
	position: relative;
	left: 0px;
	top: 0px;
	width: 794px;
	height: 326px;
}

div.kontener-slideshow {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 545px;
	height: 314px;
}

div.slideshow {
	position: relative;
	left: 0px;
	top: 0px;
	width: 545px;
	height: 314px;
	overflow: hidden;
}

div.slideshow img {
	width: 545px;
	height: 314px;
}

input.newsletter-pole {
	display: block;
	position: absolute;
	left: 591px;
	top: 293px;
	width: 159px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: transparent;
	color: #9c9c9c;
	font: 11px/12px Tahoma, sans-serif;
}

input.newsletter-przycisk {
	display: block;
	cursor: pointer;
	position: absolute;
	left: 757px;
	top: 286px;
	width: 26px;
	height: 26px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: transparent;
}

div.tresc {
	padding: 10px 10px 10px 10px;
	/*background: transparent url('img/tresc.png') repeat top left;*/
	background: #ede9df;
	min-height:400px;
	height:auto !important;
	height:400px;

}

div.carousel {
	float: right;
	width: 1000px;
}

div.jCarouselLite {
	float:left;
}

button.prev
{
	display: block;
	float: left;
	width: 65px;
	height: 103px;
	border: none;
	background: transparent url('img/strzalka-lewo.png') no-repeat center center;
	cursor: pointer;
}

button.next
{
	display: block;
	float: left;
	width: 65px;
	height: 103px;
	border: none;
	background: transparent url('img/strzalka-prawo.png') no-repeat center center;
	cursor: pointer;
}

div.dolna-obrazek-obramowanie
{
	padding: 2px;
	border: 1px solid #c1bdb3;
	background: #fff;
	margin: 0px 4px;
}

a.dolna-obrazek
{
	display: block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;	
	width: 130px;
	height: 97px;
}

/* PRZYCISKI I POLA ========================================================= */

a.przycisk-kontener
{
	display: block;
	float: left;
	text-decoration: none;
	color: #682000;
}

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

span.przycisk-brazowy-srodek
{
	display: block;
	height: 26px;
	background: transparent url('img/przycisk-brazowy-srodek.png') repeat-x top left;
}

span.przycisk-brazowy-prawa
{
	display: block;
	height: 20px;
	padding: 6px 15px 0px 15px;
	font: 12px/12px Tahoma, sans-serif;
	background: transparent url('img/przycisk-brazowy-prawa.png') no-repeat top right;
}

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

span.przycisk-bialy-srodek
{
	display: block;
	height: 26px;
	background: transparent url('img/przycisk-bialy-srodek.png') repeat-x top left;
}

span.przycisk-bialy-prawa
{
	display: block;
	height: 20px;
	padding: 6px 15px 0px 15px;
	font: 12px/12px Tahoma, sans-serif;
	background: transparent url('img/przycisk-bialy-prawa.png') no-repeat top right;
}

a.przycisk-kontener:hover span.przycisk-bialy-srodek,
a.przycisk-kontener:hover span.przycisk-brazowy-srodek
{
	
}

span.pole-tekstowe-lewa
{
	display: block;
	float: left;
	width: 14px;
	height: 27px;
	background: transparent url('img/pole-tekstowe-lewa.png') no-repeat top left;
}

span.pole-tekstowe-srodek
{
	display: block;
	float: left;
	height: 27px;
	background: transparent url('img/pole-tekstowe-srodek.png') repeat-x top left;
}

input.pole-tekstowe-input
{
	display: block;
	font: 12px/12px Tahoma, sans-serif;	
	color: #000;
	border: none;
	background: transparent;
	padding: 5px 0px;
}

span.pole-tekstowe-prawa
{
	display: block;
	float: left;
	width: 14px;
	height: 27px;
	background: transparent url('img/pole-tekstowe-prawa.png') no-repeat top left;
}

/* TABELA FORMULARZOWA ====================================================== */

table.tabela-formularz td
{
	background: #e6deca;
	vertical-align: middle;
	font: 11px/15px Tahoma,sans-serif;
}

table.tabela-formularz th
{
	background: #d5cdb9;
	vertical-align: middle;
	font: bold 11px/15px Tahoma,sans-serif;
}

table.tabela-formularz td input
{
	font: 11px/12px Tahoma,sans-serif;
}

table.tabela-formularz tr.ciemniejszy td
{
	background: #e4e4e4;
}

table.tabela-formularz div.errorMessage,div.errorMessage
{
	color:#cc0000;
	font: 10px/10px Tahoma,sans-serif;
	padding: 3px 0px 0px 0px;
}

table.tabela-formularz span.required
{
	color:#cc0000;
	font: 10px/10px Tahoma,sans-serif;
	padding-left: 2px;
	display: none;
}

/* 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;
}

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

div.przeglady-artykul
{
	position: relative;
	left: 0px;
	top: 0px;
	border-bottom: 1px solid #a48b82;
	background: #f3f3f3;
	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: 5px;
	color: #262624;
	font:bold 15px/15px Tahoma,sans-serif;
	text-decoration: none;
}

a.przeglady-wiecej
{
	position: absolute;
	bottom: 5px;
	right: 8px;
	color: #773523;
}

/* GALERIA ================================================================== */

div.galeria-zdjecie
{
	float:left;
	width: 185px;
}

a.zdjecie
{
	display: block;
	position: relative;
	width: 100%;
	height: 181px;
}

a.zdjecie span.obrazek
{
	display: block;
	width: 100%;
	height: 100%;

}

a.zdjecie span.tytul
{
	display: block;
	position: absolute;
	left: 10px;
	top: 9px;
	width: 155px;
	font: 19px/19px sans-serif;
	color: #4a2d1c;
	background: transparent url('img/tytul.png') no-repeat bottom center;
	padding: 3px 5px;
}

/* PRODUKTY ================================================================= */

.btn-produkt {
	display: block; 
	background: #f1f1f1; 
	width: 100px; 
	border-radius: 0;
	color: #000;
	transition-duration: 1s;
}

.btn-produkt:hover {
	background: #ffd23d; 
}

.btn-produkt-zamowienie {
	display: block; 
	height: 55px;
	border-radius: 0px;
	padding: 10px;
	font-size: 20px;
	color: #000;
	background: #ffd23d;
	text-decoration: underline; 
	transition-duration: 1s;
}

@media only screen and (min-width: 992px) {
	.btn-produkt-zamowienie {
		width: 249px;
	}
}

.btn-produkt-zamowienie:hover {
	background: #ffd23d; 
}

.btn-produkt-zamowienie > img {
	float: left;
	margin-left: 10px;
	margin-top: 6px;
}

.btn-zloty {
	background-color: #FFD23D;
}

.btn-zielony {
	background-color: #7FB820;
}

.detale-produkt {
	margin-top: 18px;
	height: 30px;
}

span.promocja {
	float: right; 
	margin-top: 5px; 
	color: #9acc00;
}

.obrazek-kategoria {
	height: 220px;
	margin-bottom: 20px;
	border: 1px solid #dfdfdf;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition-duration: 1s;
	position: relative;
}

.obrazek-kategoria:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.pasek-zloty {
	background: #ffd23d;
	height: 9px;
	width: 147px;
	position: absolute;
	bottom: 8px;
}

.produkt-kontener {
	margin-bottom: 54px;
}

.produkt-kontener .dopisek {
	height: 40px;
	overflow-y: hidden;
}

.produkt-kontener small {
	color: #aaaaaa;
}

.produkt-kontener strong {
	display: block;
	color: #6e6e6e;

}

.produkt-obrazek {
	width: 100%;
	height: 202px;
	margin-bottom: 6px;
	border: 1px solid #dfdfdf;
}

.produkt-maly-kontener {
	margin-bottom: 44px;
	position: relative;			
}


.produkt-maly-kontener a {
	color: #6e6e6e;
	overflow: hidden;
	text-decoration: none;
	position: relative;
}

.produkt-maly-kontener span.nowosc {
	position: absolute;
	top: 10px;
	z-index: 1;
	padding: 7px;
	background: #FFD23D;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}

a.produkt-maly
{
	display: block;
	position: relative;
	width: 100%;
	height: 185px;
}

a.produkt-maly.produkt-promocja
{
	background: transparent url('img/produkt-promocje.png') no-repeat top left;
}

a.produkt-maly span.obrazek
{
	display: block;
	width: 100%;
	height: 100%;
}

a.produkt-maly span.tytul
{
	display: block;
	position: absolute;
	left: 10px;
	top: 9px;
	width: 159px;
	background: transparent;
	padding: 2px 5px;
}

a.produkt-maly span.tytul1
{
	font: 19px/19px sans-serif;
	color: #91816e;
}

a.produkt-maly span.tytul2
{
	font: 19px/25px sans-serif;
	color: #4a2d1c;
}

a.produkt-maly span.cena-orientacyjna
{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 36px;
	background: transparent;
	padding: 2px 5px;
	font: 15px/15px sans-serif;
	color: #4a2d1c;
}

a.produkt-maly  span.produkt-nowosc
{
	display: block;
	position: absolute;
	left: 10px;
	bottom: 36px;
	background: transparent;
	padding: 2px 5px;
	font: 14px/15px sans-serif;
	color: #f00;
}

a.produkt-maly table.dopisek
{
	position: absolute;
	right: 15px;
	bottom: 3px;
	width: 159px;
	height: 28px;
}

a.produkt-maly table.dopisek td
{
	width: 169px;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	font: 10px/13px Arial, sans-serif;
	color: #222;
}

a.produkt-maly.old
{
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 189px;
	height: 185px;
	background: transparent url('img/produkt-miniatura-old.png') no-repeat top left;
}

a.produkt-maly.old span.obrazek
{
	display: block;
	position: absolute;
	left: 10px;
	top: 9px;
	width: 169px;
	height: 168px;
}

/* PRODUKTY LISTOWE ========================================================= */

a.produkt-krotka-lista
{
	display:block;
	padding:5px;
	background: #e5e3de;
	border:1px solid #d2d0cb;	
	margin:6px 6px;
}

a.produkt-krotka-lista:hover
{
	background: #f3f1ec;
}

a.produkt-krotka-lista img
{
	display:block;
	float:left;
	width:72px;
}

a.produkt-krotka-lista span.prawa-czesc
{
	display:block;
	float:right;
	width: 670px;
	padding-top: 5px;
}

a.produkt-krotka-lista span.tytul
{
	float:left;
	font: 19px/25px sans-serif;
	color: #4a2d1c;
}

a.produkt-krotka-lista  span.produkt-nowosc
{
	float:right;
	font: 14px/15px sans-serif;
	color: #f00;
	padding-right:10px;
}

a.produkt-krotka-lista span.cena-orientacyjna
{
	float:right;
	font: 15px/15px sans-serif;
	color: #4a2d1c;
	padding-right:10px;
}

a.produkt-krotka-lista span.dopisek
{
	font: 11px/13px Arial, sans-serif;
	color: #222;
}

/* PRODUKTY (WIDOK SZCZEGÓŁOWY) ============================================= */

div.produkt-lewa
{
	float: left;
	width: 250px;
}

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

table.tabela-koszyk
{
	width: 100%;
}

table.tabela-koszyk td
{
	background: #e6deca;
	padding: 4px 6px;
}

table.tabela-koszyk td input
{
	width: 30px;
}

table.tabela-koszyk td select
{
	width: 100%;
}

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

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

/* FACEBOOK ================================================================= */

div.facebook
{
	position: fixed;
	left: -298px;
	top: 151px;
	width: 350px;
	height: 329px;
	background: transparent url('img/facebook.png') no-repeat top center;
	z-index: 200;
}

div.facebook div.facebook-wnetrze
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 292px;
	height: 326px;
}

div.facebook div.facebook-przycisk
{
	position: absolute;
	left: 282px;
	top: 0px;
	width: 61px;
	height: 132px;
}

/* OWL ================================ */

.owl-theme .owl-controls .owl-buttons div {
}

.owl-buttons {
	position: absolute;
	top: 5px;
	width: 100%;
}

.owl-prev {
	left: -15px;
	position: absolute;
}

.owl-next {
	right: -5px;
	position: absolute;
}



span.ostatnia-czesc {
	color: #ffd23d;
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -64%;
  }

  .row-offcanvas-right.active {
    right: 50%;
  }

  .row-offcanvas-left.active {
    left: 70%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%;
  }
}

/* WLASNE */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* SYSTEM ===================================================================== */

.system-galeria, 
.system-instrukacja, 
.system-opis { 
	display: inline-block; 
	background: url(img_new/kategoria.png) no-repeat;
	overflow: hidden; 
	text-indent: -9999px; 
	text-align: left; 
	background-size: cover;
} 
.system-galeria { 
	background-position: -1px -0px;
	width: 300px; 
	height: 180px;
}
.system-instrukacja { 
	background-position: -1px -181px; 
	width: 100%; 
	height: 100%;
}
.system-opis { 
	background-position: -1px -362px; 
	width: 300px; 
	height: 180px; 
}

/* URLOP ===================================================================== */

.informacja-urlop {
	background:#c00; 
	color:#fff; 
	font-size:14px; 
	line-height:20px;
	position: fixed; 
	top: 25px; 
	z-index: 99; 
	width: 100%;	
}