@import "js/jquery.lightbox-0.5.css";

/* CSS Document */
* { margin:0; padding:0; }
body{ text-align:center} 
#skipmenu { position:absolute; left:0; top:-200px; }h3 
a img {
border:none;
}
.sticker {
	background: url(images/zgotuj-sobie-prezent.png) no-repeat 0 0;
	display: block;
	height: 162px;
	left: 17px;
	overflow: hidden;
	outline: 0;
	position: absolute;
	width: 173px;
	top: 80px;
	text-indent: -999em;
}

 /*  header */
#page{width:800px; margin:0 auto 20px auto; text-align:left; font-family:Georgia,Serif; font-size: 16px;}
#header{height:425px; background:url('images/header1.jpg') 0 0 no-repeat;  position:relative; } 
h1 a { position:absolute; left:335px; top:17px; height:80px; width:120px; line-height:499px; overflow:hidden; outline:none; z-index:4; }
#main-bg { margin:0 auto; background:#f5f5f5 url(images/main_bg.gif) 0 0 repeat-y;}
#main{ background:url('images/footer.jpg') bottom left no-repeat; _zoom:1}
#menu {
	position:	absolute;
	top:		49px;
	list-style:	none;
}
#menu li { 
	display:inline
 }
#menu a { outline:none; display:block; position:relative; float:left; text-align:center; line-height:55px; color:#8B8B8B; /* color: transparent; */text-decoration:none; font-weight:bold; font-size:18px; }
#menu a:hover { color:transparent }
#menu span { position:absolute; left:0; top:0; height:53px; width:100%; cursor:pointer }

#menu li a span {
	background-image:	url('images/menu.png');
/*	background-color:	#ffffff;*/
}
#ofirmie{ width:74px }
#oferta{ width:110px }
#gdzie_kupic{ width:152px }
#sklep{ width:73px; margin-left:119px }
#opinie{ width:168px }
#kontakt{ width:90px }

#ofirmie span {		background-position:	0px -54px; top: 2px;}
#ofirmie:hover span {	background-position:	0px -1px; top: 2px;}
#oferta span {		background-position:	-74px -47px; top: -5px;}
#oferta:hover span {	background-position:	-74px 6px; top: -5px;}
#gdzie_kupic span {		background-position:	-184px -41px; top: -11px;}
#gdzie_kupic:hover span {	background-position:	-184px 12px; top: -11px;}
#sklep span {		background-position:	-455px -39px; top: -13px;}
#sklep:hover span {	background-position:	-455px 14px; top: -13px;}
#opinie span {		background-position:	-528px -46px; top: -6px;}
#opinie:hover span {	background-position:	-528px 7px; top: -6px;}
#kontakt span {		background-position:	-696px -56px; top: 4px;}
#kontakt:hover span {	background-position:	-696px -3px; top: 4px;}

#menu a:hover { color:#CE4A4C }
/*#menu a:hover span { background-position: 0 -55px } */

#columnleft,
#columnright { float:left; }
 
/* left cloumn*/
.content { min-height:400px; _height:400px; color:#503c28; padding:0px 43px 60px 55px; }
h2 { margin-top:-10px; line-height:41px; background:url('images/h2.gif') left bottom repeat-x; position:relative; color:#9E8162; font-weight: normal; font-family:Georgia, serif; } 
h2 img { position:absolute; left:0; top:0; }
.content p { text-indent:20px; margin-top:10px; text-align:justify; line-height:25px } 
.content ul { margin-top:10px; text-align:justify; line-height:25px }
.content ul li { margin-left:35px }

#columnleft{width:493px;  margin-bottom: 20px; /*background:url('images/content_fill.jpg') 0 0 repeat-y;*/ }
.content h3 { margin-top:10px; text-align:left; line-height:25px; font-weight:bold; font-size:16px }
#columnleft a { color:#594128; }
#content_title{width:493px; height:40px; background:url('images/content_top.jpg') 0 0 no-repeat; float:left;}
#content_text{padding:0px 43px 10px 55px; float:left; line-height: 25px; color:#503c28;}
#content_text p{ text-indent:20px; margin-top:10px; text-align:justify;}
#content_bottom{width:493px; height:42px; background:url('images/content_bottom.jpg') 0 0 no-repeat; float:left;}

.offer ul, .shop-offer ul { margin-top:20px; text-align:center }
.offer img, .shop-offer img { width:100px; height:75px; border:solid 2px #E4DBD3; display:block; margin:0 auto }
.offer span, .shop-offer span { display:block; margin-top:5px; text-align:center; line-height:1.2; font-size:12px }

.products img { float:left }
.products span { float:left; line-height:75px; margin-left:20px; font-size:14px }
  
/* right colmumn */
#columnright{width:307px; padding-bottom:135px; margin-top:28px; color:#594128; }

.box { width:230px; margin:0 auto 40px; background:#fff url(images/box.gif) 0 0 repeat-y; position:relative }
.box-bg-top {  background:url(images/box_bg_top.gif) 0 0 no-repeat }
.box-bg-bottom { padding:2px 0 10px; background:url(images/box_bg_bottom.gif) left bottom no-repeat; min-height:80px; _height:80px }

.contact .box-bg-bottom { padding-bottom:30px }
.contact-bg { position:absolute; right:-14px; bottom:-6px; width:86px; height:34px; background:url(images/contact_bg.gif) no-repeat }

#columnright h3 { margin:0 15px; line-height:34px; 
	/*
	background:url('images/h2.gif') left bottom repeat-x; 
	*/
	border-bottom:	1px dashed rgb(237,232,227);
	position:relative; color:#9E8162; font-weight: normal; font-family:Georgia, serif; } 
#columnright h3 img { position:absolute; left:0; top:2px; }
#columnright p { margin:10px 15px 0; font-style:italic; font-size:17px }
#columnright p.indent { text-indent:30px }
#columnright a { color:#594128; text-decoration:none }
#columnright a:hover { text-decoration:underline }

.form fieldset { border:none; margin-top:10px }
.form div { padding:5px 10px; overflow:hidden; _zoom:1 }
.form span { float:left; width:40%; margin-right:5%; _display:inline }
.form .inp, .form textarea { width:50%; border: solid 1px #CAB8A8  }
.form textarea { height:90px; color:#503C28; }     
.form .inp:focus , .form textarea:focus { border-color:#fff; outline:solid 2px #C78888; color:#951717 } 
.form .btns input { float:right; cursor:pointer; background-color:#CAB8A8; color:#fff; font-weight:bold; padding:1px 10px; border:0 }
.form p.error { margin-top:5px; padding:2px 5px; color:#951717; text-indent:0; background-color:#FFEDED }
  
/* footer */
#footer{ clear:both; padding: 0px 0px 16px 30px;  font-family:"Verdana", sans-serif; font-size:10px; color:#6d5642; }
#footer ul { list-style:none; padding-bottom:0px }
#footer li { display:inline; }
#footer li a { margin:0 5px }
#footer a { color:#6D5642; text-decoration:none }
#footer a:hover { color:#6D5642; text-decoration:underline }

.line { overflow:hidden; _zoom:1; list-style:none !important }
.unit { float:left; margin:0 !important }
.size1of2 { width:50% }
.size1of3 { width:33.333%; *width:33% }
.size2of3 { width:66.666% }
.size1of4 { width:25% }
.size3of4 { width:75% }
.size1of5 { width:20% }
.size2of5 { width:40% }
.size3of5 { width:60% }  

dl { margin:5px 0 0; }
dt { padding:3px 5px; cursor:pointer; border-bottom:solid 1px #E4DBD3; }        
dt:hover { color:#951717; }
dd { display:none }
dd.active { display:block }

table img { border:solid 2px #E4DBD3; }

#columnleft a {
	text-decoration:	none;
}
#columnleft a img {
	border:			none;
}

#facebook-likebox {
	z-index:20;
	top:60px;
	left: -383px;
	position: fixed;
   }

#facebook-likebox .facebook-likebox-inner {
			background: url("images/facebook-likebox-bg.png") no-repeat scroll transparent;
    padding: 18px 16px 36px 13px;
		cursor:pointer;
	
		float: left;
   }
   

#facebook-likebox .closefb {
width: 68px;
background: url("images/facebook-likebox-handle-close.png") no-repeat scroll transparent;
}

#facebook-likebox .openfb {
width: 59px;
background: url("images/facebook-likebox-handle.png") no-repeat scroll transparent;
}
   
#facebook-likebox .handle {
	height: 66px;
	left:379px;
	top:80px;
	cursor:pointer;
	position: absolute;
}	

.promocja_dbz {
	width:		246px;
	height:		253px;
	background:	url('images/blog.png');
	position:	absolute;
	left:		-141px;
	top:		108px;
}

.promocja_dbz a {
	display:	block;
	height:		100%;
}