/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background: #dfdfdf url(gfx/bg.gif) top center repeat;
}

.cb {
	clear: both;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

/* Top */

#topBgBorder {
  background: url(gfx/topBgBorder.jpg);
  width: 960px;
  height: 22px;
}

#logoBg {
  background: url(gfx/logoBg.jpg);
  width: 399px;
  height: 196px;
  float: left;
}

#logo {
  background: url(gfx/logo.jpg);
  width: 240px;
  height: 164px;
}

h1 {
	display: block;
  width: 240px;
  height: 164px;
	overflow: hidden;
}

h1 a {
	display: block;
  width: 240px;
  height: 164px;
	text-indent: -999em;
}

#topAddress {
  background: url(gfx/topAddress.jpg);
  width: 561px;
  height: 196px;
  float: left;
  position: relative;
}

#topAddress img {
	width: 338px;
	height: 178px;
}

#slideshow {
    position:relative;
	margin: 3px 0 0 0;
	float: left;
	width: 338px;
	height: 178px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}








#boutiqueTopAddr {
  font-size: 13px;
  color: #69625f;
  text-align: right;
  padding: 19px 30px 0 0;
}

#boutiqueTopAddr span {
	font-size: 11px;
}

#piwnicaTopAddr {
  font-size: 11px;
  color: #69625f;
  text-align: right;
  padding: 19px 30px 0 0;
}

#piwnicaTopAddr a {
  color: #bb272e;
  text-decoration: none;
}

#piwnicaTopAddr a:hover {
  color: #fff;
  background: #bb272e;
}

#head {
  background: url(gfx/headBg.jpg);
  width: 960px;
  height: 76px;
}

h2 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  padding-top: 3px;
  padding-left: 30px;
}

#menu-content {
  width: 960px;
  min-height: 704px;
  background: url(gfx/menu-content.jpg) repeat-y;
}

/* Menu */

#menu {
  width: 230px;
  min-height: 704px;
  float: left;
}

#naviMain {
	display: block;
	list-style: none;
  width: 230px;
}

#naviMain li {
	display: block;
	height: 74px;
  width: 230px;
  font-weight: bold;
}

#naviMain li a {
	text-decoration: none;
	display: block;
	height: 46px;
  width: 202px;
  font-weight: bold;
}

/* nm1 - Witamy */

#naviMain li#nm1 a { 
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm1 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-index #naviMain li#nm1 a { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-index #naviMain li#nm1 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm2 - Wina */

#naviMain li#nm2 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm2 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
}

body.body-wina #naviMain li#nm2 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
}

body.body-wina #naviMain li#nm2 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
}

/* nm3 - Grappa */

#naviMain li#nm3 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm3 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-grappa #naviMain li#nm3 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-grappa #naviMain li#nm3 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm4 - Oliwy */

#naviMain li#nm4 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm4 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-oliwy #naviMain li#nm4 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-oliwy #naviMain li#nm4 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm5 - Kieliszki */

#naviMain li#nm5 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm5 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-porcelana #naviMain li#nm5 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-porcelana #naviMain li#nm5 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}


/* nm6 - Kieliszki */

#naviMain li#nm6 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm6 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-kieliszki #naviMain li#nm6 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-kieliszki #naviMain li#nm6 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm7 - Czekolada */

#naviMain li#nm7 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm7 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-czekolada #naviMain li#nm7 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-czekolada #naviMain li#nm7 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm8 - Bizuteria */

#naviMain li#nm8 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm8 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-bizuteria #naviMain li#nm8 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-bizuteria #naviMain li#nm8 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm9 - Cygara */

#naviMain li#nm9 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm9 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-cygara #naviMain li#nm9 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-cygara #naviMain li#nm9 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

/* nm10 - Kawa */

#naviMain li#nm10 a {
  background: url(gfx/menu.jpg) 0 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

#naviMain li#nm10 a:hover {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-kawa #naviMain li#nm10 a {
  background: url(gfx/menu.jpg) -230px 0 no-repeat; 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

body.body-kawa #naviMain li#nm10 a:hover { 
  background: url(gfx/menu.jpg) -230px 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 18px;
  color: #870120;
  padding: 28px 0 0 28px;
}

.rightAngle {
  color: #131415;
}

/* Content */

#content {
  background: #fff;
  width: 730px;
  min-height: 704px;
  float: left;
  padding-top: 36px;
  padding-bottom: 30px;
}

#content p {
  font-size: 13px;
  color: #000;
  padding: 0 70px 22px 49px;
  line-height: 180%;
}

h3 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #870120;
  padding: 0 0 30px 44px;
  font-weight: normal;
  font-size: 30px;
}

h4 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #870120;
  padding: 0 0 30px 44px;
  font-weight: normal;
  font-size: 26px;
}

h5 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #870120;
  padding: 0 0 30px 44px;
  font-weight: normal;
  font-size: 22px;
}

h6 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #870120;
  padding: 0 0 30px 44px;
  font-weight: normal;
  font-size: 18px;
}

div.hr {
  height: 1px;
  background: #fff url(gfx/hr.jpg) no-repeat center;
  margin-bottom: 30px;
}

div.hr hr {
  display: none;
}

#content ul {
  padding: 0 0 30px 65px;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
}

#content ol {
  padding: 0 0 10px 65px;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
}

#content li {
  padding: 5px 50px 5px 0;
  line-height: 180%;  
}

#porcelana01 {
  padding: 0 44px 0 44px;
  float: right;
}

#boneChina {
  width: 650px;
  height: 387px;
  padding: 10px 0 20px 54px;
}

#boneChinaLeft {
  float: left;
  width: 256px;
  height: 387px;
  
}

#boneChinaLeft a img {
  border: none;
}

#boneChinaRight {
  float: left;
  width: 332px;
  height: 387px;
  padding: 0 0 0 27px;
}

#boneChinaRight a img {
  border: none;
}

#boneChinaRight img {
  padding-bottom: 24px;
}

/* Footer */

#footer {
  background: url(gfx/footer.jpg);
  width: 960px;
  height: 20px;
}

#bottom {
  background: transparent;
  width: 960px;
  height: 65px;
  position: relative;
}

#webdesign a {
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 15px;
	color: #870120;
	text-decoration: none;
}

#webdesign a:hover {
  border-bottom: 1px solid #000;
}

.frimg {
	width: 250px;
	float: right;	
}

.frimg img {
	border: none;
	margin: 0 0 20px 0;
}

.banner {
	padding: 10px 0 0 50px;
}

.banner img {
	border: none;
}

/* Fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('includes/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('includes/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('includes/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('includes/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('includes/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('includes/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('includes/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('includes/fancybox/fancy_title_right.png') repeat-x;
}

.gallery {
	float: left;
	padding: 15px 0 30px 24px;
}

.gallery a {
	display: block;
	width: 215px;
	height: 190px;
	float: left;
	text-align: center;
}

.gallery a img {
	border: none;
	padding: 2px;
	margin: 0 auto 10px;
}

.photoFloatRight {
  float: right;
  border: none;
  padding: 0 42px 10px 42px;
}

.photoFloatLeft {
  float: left;
  border: none;
  padding: 0 42px 20px 42px;
}

#czekoladaFloatRight {
  float: right;
  border: none;
  padding: 0 42px 10px 42px;
}

#grappaFloatRight {
  float: right;
  border: none;
  padding: 0 67px 30px 50px;
}

#grappaFloatLeft {
  float: left;
  border: none;
  padding: 0 42px 30px 42px;
}

#kawaFloatRight {
  float: right;
  border: none;
  padding: 5px 45px 10px 35px;
}

#filippettiLogo {
  float: right;
  padding: 12px 45px 15px 40px;
}

#kieliszkiFloatRight {
  float: right;
  border: none;
  padding: 0 42px 0 42px;
}

.kieliszkiFloatLeft {
  float: left;
  border: none;
  padding: 0 35px 20px 49px;
}