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

/* CSS Document */
* { margin:0; padding:0; }
body{ text-align:center} 
#skipmenu { position:absolute; left:0; top:-200px; }

 /*  header */
#page{width:800px; margin:0 auto; text-align:left; font-family:Georgia,Serif; font-size: 16px;}
#header{height:425px; background:url('images/header.jpg') 0 0 no-repeat; position:relative; } 
h1 a { position:absolute; left:325px; top:35px; height:80px; width:150px; line-height:499px; overflow:hidden; outline:none }
#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 {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; text-decoration:none; font-weight:bold; font-size:18px; }
#menu span { position:absolute; left:0; top:0; height:55px; width:100%; cursor:pointer }

#ofirmie{ width:84px }
#ofirmie span { background: url(images/menu_01.jpg) }
#oferta{ width:84px }
#oferta span { background: url(images/menu_02.jpg) }
#gdzie_kupic{ width:152px }
#gdzie_kupic span { background: url(images/menu_03.jpg) }
#sklep{ width:73px; margin-left:149px }
#sklep span { background: url(images/menu_05.jpg) }
#opinie{ width:168px }
#opinie span { background: url(images/menu_06.jpg) }
#kontakt{ width:90px }
#kontakt span { background: url(images/menu_07.jpg) }

#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; position:relative; color:#9E8162; font-weight: normal; font-family:Georgia, serif; } 
#columnright h3 img { position:absolute; left:0; top:0; }
#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 24px 30px;  font-family:"Verdana", sans-serif; font-size:10px; color:#6d5642; }
#footer ul { list-style:none; padding-bottom:5px }
#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; }