@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typografia
 * 3. Listy
 * 4. Tabele
 * 5. Formularze
 * 6. Często używane klasy
 * 7. Layout
 * 8. Pozostałe elementy
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, b, i { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #a09584 url(../img/common/body-pat.gif) repeat 0 0;
	color: #241f18;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width: 960px;
	text-align: left;
	width: 100%;	
}

:root { overflow-y: scroll !important; }

img, fieldset { 
	border: 0 none; 
	outline: 0 none; 
}

form :focus, a:focus { 
	outline: 0 none; 
}

a, em, strong, span, acronym, abbr, q, cite, b, i {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em, i { 
	font-style: italic; 
}

strong, b { 
	font-weight: bold; 
}

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { 
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: no-open-quote;
	content: no-close-quote;
}


/* ------------------------------------ *
 * --        2. TYPOGRAFIA           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6, legend {
	color: #46423e;
	font-family: Calibri, Helvetica Neue, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 18px;
}

h1 { 
	color: #f5f6f6;
	font-size: 36px; 
	line-height: 36px;
}

h2 { 
	border-bottom: 1px dotted;
	font-size: 24px;
	line-height: 30px;
	padding: 0 0 5px;
}

#sidebar h2 {
	border-bottom: 0 none;
	color: #bfb29b;
  color: #777478;
	font-size: 18px;
	/* font-weight: bolder; */
	line-height: 18px;
	padding: 0;	
}

h3, legend { 
	font-size: 18px;
}

h4 { 
	font-size: 16px;
}

h5, h6 { 
	font-size: 14px;
}

h6 { 
	margin-bottom: 0;
}

p, address, ul, ol, dl {
	font-style: normal;
	padding-bottom: 18px;
}

/* linki */

a { 
	color: #751124;
	text-decoration: underline;
}

a:hover { 
	color: #99273b;
	text-decoration: none;
}

a.link { 
	border-bottom: 1px dotted;
	text-decoration: none;
}

a.link:hover { 
	border-bottom: 3px double; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

/* cytaty */

blockquote {
	background: url(../img/common/quote.gif) no-repeat scroll 9px 16px;
	border: 1px solid #8F8676;
	color: #46423e;
	font-family: Georgia, Times New Roman, Times, serif;	
	font-style: italic;
	margin: 0 5px 17px;
	padding: 17px 24px 0 36px;
	-moz-box-shadow: 0px 0px 4px #46423e;
	-webkit-box-shadow: 0px 0px 4px #46423e;
}

blockquote p {
	font-style: italic;
}

/* ------------------------------------ *
 * --           3. LISTY             -- *
 * ------------------------------------ */

ol, ul { 
	list-style: none; 
}

ol ul, ul ul { 
	padding-bottom: 0; 
}

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* lista wypunktowana */
ul.bulleted li {
	background: url(../img/common/bull-01.gif) no-repeat 9px 6px;
	padding-left: 25px;
}

/* lista wypunktowana 02 */
#sidebar ul.bulleted li {
	background-image: url(../img/common/bull-02.gif);
}

/* lista numerowana */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 30px;
}

/* listy zagnieżdżone */
ol ul.bulleted-01 li, ul ul.bulleted-01 li {
	background-position: 0 7px;
	background-repeat: no-repeat;
	padding-left: 16px;
}

/* lista definicji */
dt {
	font-weight: bolder;
	padding: 0 10px;
}

dd {
	padding: 0 10px 6px 20px;	
	color: #444;
}

dl {
	padding-bottom: 12px;
}
/* ------------------------------------ *
 * --           4. TABELE            -- *
 * ------------------------------------ */

table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 18px;
}

th, td {
	border-bottom: 1px solid #46423e;
	padding: 6px;
	text-align: left; /* wyrównanie tekstu można usunąć i zdefiniować dla klas nadanym col */
	vertical-align: top;	
}

th {
	font-weight: bold;
}

thead th {
	background: #928876;	
}

.everySecond td, .everySecond th { background: #d2c4aa; }

caption {
	caption-side: top;
	color: #46423e;
	font-size: 11px;
	font-weight: bolder;
	padding: 0 0 9px;
	text-align: left;
}

/* ------------------------------------ *
 * --           5. FORMY            -- *
 * ------------------------------------ */

form {
	margin: 0 auto;
}

fieldset {
	overflow: hidden;
}

form ul.fl-l {
	width: 200px;	
	margin: 0 40px 0 0;
}

form div.fl-l {
	width: 310px;
}

label {
	color:#46423E;
	display: block;
	font: bolder 12px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 5px;
}

label span {
	font-weight: bolder;
	color: #99273b;
}

.textInput {
	background: #c6bba6;
	border: 1px solid #46423e;
	padding: 2px;
	color: #333;
	width: 194px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin: 0 0 6px;
	display: block;
}

textarea.textInput {
	overflow: auto;
	resize: none;
	height: 114px;
	width: 274px;
	margin-top: 1px
}

.textInput:focus {
	background: #cec3ad;
}

#frmError01 .textInput, #frmError02 .textInput, #frmError03 .textInput {
	background: #e3cfc7 !important;	
	border-color: #dc1919 !important;	
}

#frmError01 label, #frmError02 label, #frmError03 label {
	color: #dc1919 !important;	
}

/* buttony */

.butCont {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 0 16px;
}

form .butCont {
	width: 520px
}

.butCont .fl-l {
	margin-right: 10px;
}

.butCont .fl-r {
	margin-left: 10px;
}

.button, .button-02 {
	background: transparent url(../img/common/but-01.png) no-repeat 0 0;
	border: medium none;
	color: #e8e4e1;
	cursor: pointer;
	display: block;
	font: normal 10px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0 0 2px;
	text-align: center;	
	width: 184px;
}

.button, .button-02- {
	background: transparent url(../img/common/but-01.png) no-repeat 0 0;
	border: medium none;
	color: #e8e4e1;
	cursor: pointer;
	display: block;
	font: normal 10px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0 0 2px;
	text-align: center;	
	width: 84px;
}

p.butCont .button, p.butCont .button-02 {
	margin: 0 0 0 auto;
}

.button:hover {
	color: #99273b;
	background: transparent url(../img/common/but-01.png) no-repeat 0 -20px;
}

.button-02 {
	background: transparent url(../img/common/but-02.png) no-repeat 0 0;
	width: 94px;
}

.button-02:hover {
	color: #99273b;
	background: transparent url(../img/common/but-02.png) no-repeat 0 -20px;
}

a.button, a.button-02 {
	padding: 0;
	text-decoration: none !important;
}

/* komunikaty o błędzie i powodzeniu */
.failure, .success {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 90px 18px 0; 
	padding: 9px 10px 9px 60px;		
}
.failure { 
	background:  url(../img/common/error.png) no-repeat 18px 50%;
	color: #dc1919;
}

.success { 
	background:  url(../img/common/success.png) no-repeat 18px 50%;
	color: #46423E;
}

/* ------------------------------------ *
 * --            6. KLASY            -- *
 * ------------------------------------ */

.invisible { 
	visibility: hidden;
}

.disp-n { 
	display: none;
}

.fl-l { 
	float: left !important; 
}

img.fl-l {
	margin-right: 20px !important;
	margin-bottom: 18px !important;
}

.fl-r { 
	float: right !important; 
}

img.fl-r {
	margin-bottom: 18px !important; 
	margin-left: 20px !important;
}

.clear { 
	clear: both; 
}

.clearer {
	clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.bold { 
	font-weight: bold; 
}

.noBorder { 
	border: 0 none !important;
}

.uppercase { 
	text-transform: uppercase; 
}

.note {
	font-size: 10px;
}

.para-label {
	padding-bottom: 0;
}

/* framed images */
img.framed, .fotoList img {
	background: #f3f3f3;
	border: 1px solid #9a907d;
	display: block;
	margin: 0;
	padding: 5px;
}

.debug { border: 1px solid red; }

/* ------------------------------------ *
 * --           7. LAYOUT            -- *
 * ------------------------------------ */

/* wspólne ustawienia kilku bloków */
#wrapper, #mainNav, #footer, #masthead div, #intro {
	margin: 0 auto;
	overflow: hidden;
}
/* głowny blok strony */
#wrapper {
	background: url(../img/common/top-glow.png) no-repeat 50% 0;
	min-width: 960px;
	width: 100%;
}

/* nagłówek */
#masthead {
	background: url(../img/common/top-stripe.png) repeat-x 0 40px;
	margin: 0 auto 4px;
	min-width: 960px;
	width: 100%;
}

#masthead div {
	padding: 0 10px;
	width: 940px;
}

/* logo */
#logo {
	float: left;
	margin: 0 92px 0 58px;	
}

#logo, #logo img {
	height: 160px;
	overflow: hidden;
	width: 158px;
	display: block;
}

#logo img {
	font-size: 36px;
	line-height: 154px;
}

/* slogan */

.slogan {
	background: url(../img/common/slogan.png) no-repeat 0 0;
	float: left;
	height: 32px;
	margin: 76px 0 0;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	width: 276px;
}

/* kontakt w topie */
.fastContact {
	color: #c4c1c7;
	float: right;
	font: bolder 14px/24px Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Helvetica Neue, Arial, Helvetica, sans-serif;
	margin: 58px 0 0;
}

.fastContact span {
	display: block;
	padding: 0 5px 6px;
}

.fastContact span+span {
	letter-spacing: -1px;	
}

.fastContact a {
	color: #c4c1c7;
	text-decoration: none;
}

.fastContact a:hover { 
	color: #f3f3f3;
}

.fastContact img {
	vertical-align: middle;
	margin-right: 5px;
}

/* główna nawigacja - operuję pikselami*/
#mainNav {
	background: url(../img/common/menu-bg.png) repeat-x 0 0;
	border-bottom: 1px solid #65625f;
	font: normal 14px/1 Arial, Helvetica, sans-serif;	
	padding: 9px 0 8px;
	text-transform: uppercase;
	width: 960px;
}

#home #mainNav {
	margin-bottom: 5px;
}

#mainNav li { 
	display: inline; 
}

#mainNav a {
	color: #c4c1c7;
	border-left: 1px dotted #c4c1c7;
	border-bottom: 0 none !important;	display: block;
	float: left;
	padding: 0 20px;
	text-decoration: none !important;
}

#mainNav li:first-child a {
	border: 0 none;
}

#mainNav a:hover { 
	color: #f3f3f3; 
}

#mainNav a.active {
	color: #e3e4e4 !important;
}

/* banner */
#intro {
	background: url(../img/common/intro-top.png) no-repeat 0 0;
	height:	165px;
	padding: 16px 100px 16px 340px;
	width: 520px;
}

#intro div {
	width: 520px;
	height: 165px;
	overflow: hidden;
}

#intro h1 {
	margin-bottom: 12px;
}

#intro p {
	color: #e7e8e8;
	font: normal 14px/24px Arial, Helvetica, sans-serif;
}

/* banner na home */
#home #intro {
	background: url(../img/common/intro-top-home.png) no-repeat 0 0;
	height:	178px;
	padding: 16px 20px 16px 20px;
	position: relative;
	width: 920px;
}

#home #intro div {
	width: 280px;
	height: 168px;
	overflow: hidden;
}

#slideshow {
	background: #bfb29b;	
	height: 154px;
	right: 31px;
	overflow: hidden;	
	position: absolute;
	padding: 0;
	top: 27px;
	width: 579px;
}

#slideshow img {
	display: block;
}

/* kolumny */
#contentWrapper {
	background: url(../img/common/content-faux.png) repeat-y 0 0;
	margin: 0 auto 6px;
	width: 960px;
}

#home #contentWrapper {
	background: url(../img/common/content-faux-home.png) repeat-y 0 0;
}

.c-bg-t {
	background: url(../img/common/intro-mid.png) no-repeat 0 0;
	overflow: hidden;
	padding: 0 10px;	
	width: 940px;
}

/* główna zawartość  */
#content {
	float: right;
	overflow: hidden;
	padding: 22px 10px 15px;
	width: 600px;
}

#home #content {
	background: url(../img/common/content-top-glows.png) no-repeat 0 0;
	float: none;
	padding: 0;
	position: relative;
	width: 960px;
}

/* kolumny na home */

#home .col {
	float: left;
	width: 320px;
	padding-bottom: 48px;
}

#home .col div {
	position: relative;
	padding: 40px 20px 0;
}

#home .col p {
	padding: 0 20px 6px;
}

#home .col h2 {
	position: relative; 
	z-index: 1;
}

#home .col p {
	position: relative; 
	z-index: 3;
}

#home .col div img {
	position: absolute; 
	z-index: 2;
}

#home .video-c div img {
	right: 7px;
	top: 9px;
}

#home .foto-c div img {
	right: 0;
	top: 15px;
}

#home .vhs-dvd-c div img {
	right: 6px;
	top: 26px;
}

/* boczna zawartość */
#sidebar {
	background: url(../img/common/content-left-glow.png) no-repeat 0 45px;
	float: left;
	overflow: hidden;
	padding: 58px 10px 15px;
	width: 280px;
}

#home #sidebar {
	display: none;
}

/* stopka */
#footer {
	background: url(../img/common/f-t.png) no-repeat 0 0;
	margin-bottom: 6px;
	padding: 3px 0 0;
	width: 960px;
}

#footer div {
	background: url(../img/common/f-b.png) no-repeat 0 100%;
	padding: 0 0 3px;
}

#footer div div {
	background: url(../img/common/f-m.png) repeat-y 0 0;
	overflow: hidden;
	padding: 12px 20px;
	width: 920px;
}

#footerNav {
	float: left;
	line-height: 1;
	padding: 3px 20px 21px 0;
}

#footerNav li {
	float: left;
	padding: 0 5px;
	border-left: 1px solid #fffdfa;
}

#footerNav li:first-child {
	padding: 0 5px 0 0;
	border: 0 none;
}

#footerNav a {
	color: #fffdfa;
	text-decoration: none !important;
}

#footer a:hover {
	color: #d5d3d1 !important;
}

#footerNav a.active {
	color: #bfb29b !important;
}

#footer p {
	color: #fffdfa;
	float: right;
	padding: 0 0 18px 20px;
}

#footer p span {
	border-left: 1px solid #fffdfa;
	margin-left: 2px;
	padding-left: 5px;
}

#footer p a {
	color: #ffedcd;
	text-decoration: none !important;
}

#footer p.note {
	clear: both;
	color: #bfb29b;
	float: none;
	overflow: hidden;
	padding: 0;
}

#footer p.note em {
	display: block;
	float: left;
	font-style: normal;
}

#footer p.note em:first-child {
	padding: 0 20px 0 0;
	width: 700px;	
}

#footer p.note em+em {
	float: right;
	text-align: right;
	width: 180px;	
}

#footer p.note em span {
	border: 0 none;
	color: #fffdfa;
	font-weight: bolder;
	padding: 0;
	margin: 0;
}

/* ------------------------------------ *
 * --     8. POZOSTAŁE ELEMENTY     -- *
 * ------------------------------------ */

.section {
	border-bottom: 1px dotted #46423e;
	margin-bottom: 17px;
}

#sidebar .section {
	border-color: #bfb29b;
	/* border-color: #777478; */
}

.innerContainer {
	overflow: hidden;
	position: relative;
}

/* boczne menu */
.sideNav { 
	padding-bottom: 54px;
}

.sideNav li { 
	background: url(../img/common/bull-03.gif) no-repeat 9px 14px;
	background: url(../img/common/bull-02.gif) no-repeat 9px 14px;
	border-bottom: 1px dotted #bfb29b;
	border-bottom: 1px dotted #403e40;
	line-height: 35px;
}

.sideNav a {
	background: transparent url(../img/common/bull-03.gif) no-repeat -100px -100px;
	color: #bfb29b;
	color: #777478;
	font-weight: bolder;
	display: block;
	padding: 0 10px 0 30px;
	text-decoration: none !important; 
}

.sideNav a:hover {
	background: #1f1e1c url(../img/common/bull-03.gif) no-repeat 9px 14px;
	color: #bfb29b;
}

.networking li {
	background: none;
}

.networking a {
	background-image: none !important;
	padding-left: 2px;
}

.networking img {
	vertical-align: middle;
	margin-right: 5px
}

/* ukad buttonów więcej na home */

#home .col .button {
	position: absolute;
	bottom: 17px;
}

.video-c .button {
	left: 220px;
}

.foto-c .button {
	left: 540px;
}

.vhs-dvd-c .button {
	left: 860px;
}

/* sklep */
.buy-list {
	padding-bottom: 0;
}

.buy-list p {
	overflow: hidden;
}

.buy-list li {
	border-bottom: 1px dotted;
	margin-bottom: 17px;
	overflow: hidden;
}

/*
.buy-list .artwork {
	width: 574px;
	margin: 0 auto;
}
*/

.buy-list .artwork a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

.buy-list h4.fl-r {
	width: 418px;
}

.buy-list img {
	background: #9a907d;
	border: 1px solid #f3f3f3;
	display: block;
	padding: 5px;
}

.buy-list a:hover img {
	background: #972539;
	/* border: 1px solid #0E0d0a; */
}

/* galeria */

.fotoList, .videoList {
	overflow: hidden;
	padding-bottom: 0;
}

.fotoList {
	padding-bottom: 0;
}

.fotoList li {
	display: inline;
}

.fotoList a {
	display: block;
	float: left;
	margin: 0 15px 18px 0;
}

.last-in-row a {
	margin-right: 0;
}

.videoList li {
	float: left;
	height: 162px;
	margin: 0 60px 18px 0;
	overflow: hidden;
	width: 269px;
	border-right: 4px red;
}

.videoList li p {
	display: inline;
	padding: 0;
}


.videoList li.even {
	margin-right: 0;
}

.videoList object {
	display: block;
}

/* kontakt */

.vcard {
	float: left;
	width: 200px;
}

.vcard strong {
	color: #46423E;	
}

.street-address {
	display: block;
}

.vcard .cLabel {
	/* font-weight: bolder; */
	color: #46423E;
	display: inline-block;
	width: 50px;	
}

.mapBox {
	background: #f3f3f3;
	border: 1px solid #46423E;
	float: right;
	margin: 0 0 18px;
	padding: 5px;
	width: 348px;
}

.mapBox iframe {
	border: 1px solid #9a907d;
	display: block;
}