/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a .replacement {	z-index: 20; cursor: hand; }
/* </default rules> */

/* elements */
body { font-family: Arial, sans-serif; font-size:12px; color:#5b0f03; background:#fff6c9 url(../pix/body-bg.jpg) repeat-x; padding-bottom:20px; }
a { color:#ff6505; }

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

#header { position:relative; }

/*    logo    */
#logo h1 { display:inline; position:relative; float: left; width:199px; height:98px; overflow:hidden; }
#logo h1 .replacement { left: 0; top: 0; width: 199px; height: 98px; background-image: url(../pix/logo-top.jpg); }
#lead #logo-bottom { display: inline; position: relative; float: left; width:199px; height:103px; overflow:hidden; }
#lead #logo-bottom .replacement { left: 0; top: 0; width: 199px; height: 103px; }

/*    menu    */
#menu { position:absolute; left:199px; top:47px; display:block; clear:both; z-index:1;}
#menu ul { margin:0; padding:0; float:left; }
#menu li {margin:0; padding:0; float:left; font:14px "Trebuchet MS"; font-style:italic; font-weight:bold;}
#menu a { color:#fbe791; padding:18px 0 0 2px; display:block; text-decoration:none; width:93px; text-align:center; height:33px;
         background:url(../pix/menu-a-bg.jpg) no-repeat 0 0; }
#menu a:hover { background:url(../pix/menu-a-bg.jpg) no-repeat 0 -51px;}
#menu a.active { background:url(../pix/menu-a-bg.jpg) no-repeat 0 -51px;}
#menu .home a { background:url(../pix/menu-a-bg.jpg) no-repeat 0 -102px; }
#menu .home a:hover { background:url(../pix/menu-a-bg.jpg) no-repeat 0 -153px; }
#menu .home a.active { background:url(../pix/menu-a-bg.jpg) no-repeat 0 -153px; }

#lead { width:985px; height:236px; background: url(../pix/lead-foto.jpg) no-repeat; position:relative; font:13px "Trebuchet MS"; }
#lead h2 { width:280px; margin-left:640px; padding-top:50px; font:18px "Trebuchet MS"; }
#lead p { width:280px; margin:10px 0 10px 640px; }
#lead p.more { text-align:right;}

#boxes { width:982px; padding-left:3px; height:298px; background: url(../pix/boxes-bg.jpg) no-repeat; position:relative}
#boxes .box { width:230px; margin:157px 0 0 10px; float:left; }
#boxes ul { margin-left:11px; color:#fff6c9; line-height:1.5; }
#boxes li { margin-left:25px; list-style:square; }
#boxes p { margin:10px 25px 0 0; text-align:right; }
#boxes a { color:#fbe791; text-decoration:none; }
#boxes a:hover { text-decoration:underline; }

#boxes #polecamy { width:247px; float:left; margin-left:11px; }
#boxes #polecamy-inner { width:199px; margin:0 auto; padding-top:55px; }
#boxes #polecamy-inner img{ border:2px solid #84320c; }
#boxes #polecamy-inner dt { font-weight:bold; margin-top:15px; }
#boxes #polecamy-inner dd.more { text-align:right; margin-top:5px;}
#boxes #polecamy-inner a { color:#ff6505; }

#news { width:728px; height:175px; background: url(../pix/news-bg.jpg) no-repeat; float:left; }
#news .news { width:290px; float:left; margin:55px 0 0 55px; }
#news dt { font-weight:bold; }
#news dd.more { text-align:right; }

#adbox { width:257px; height:175px; background: url(../pix/adbox-bg.gif) no-repeat; float:left; }
#adbox-inner { width:209px; margin:0 auto; padding-top:16px; }
#adbox-inner img { border:1px solid #c36e1b; }

#partnerzy { height:172px; background:url(../pix/partnerzy-bg.gif) no-repeat bottom left; }
#partnerzy h2 { display: inline; position: relative; float: left; width:985px; height:45px; overflow:hidden; }
#partnerzy h2 .replacement { left: 0; top: 0; width: 985px; height: 45px; background-image: url(../pix/partnerzy-header.jpg); }

/* ------------ SITE ----------------------- */
#site { width:985px; height:107px; background: url(../pix/site-foto.jpg) no-repeat; }
#site #logo-bottom { display: inline; position: relative; float: left; width:199px; height:107px; overflow:hidden; }
#site #logo-bottom .replacement { left: 0; top: 0; width: 199px; height: 107px; }

#bread { width:985px; height:40px; background:url(../pix/bread-bg.jpg) no-repeat; color:#f3d494; clear:both; }
#bread p { text-align:right; padding:12px 20px 0 0; color:#fff; }
#bread a { color:#fbe791; text-decoration:none; }
#bread a:hover { text-decoration:underline; }

#content { background:url(../pix/content-bg.gif) repeat-y; }

#navi { width:247px; float:left; background:url(../pix/navi-bg.gif) repeat-y;}
#navi h2 { height:57px; background:url(../pix/navi-header.gif) no-repeat; color:#f3d494; font:14px "Trebuchet MS"; font-style:italic;
		  font-weight:bold; padding-left:8px; text-align:center; padding-top:20px; }
#navi .footer  { display: inline; position: relative; float: left; width:247px; height:70px; overflow:hidden; }
#navi .footer .replacement { left: 0; top: 0; width: 247px; height: 70px; background-image: url(../pix/navi-footer.gif); }
#navi ul { padding:5px 0 8px 8px; text-align:center; line-height:1.9; }
#navi a {color:#fbe791; text-decoration:none; }
#navi a:hover {text-decoration:underline; }
#navi .active a { font-weight:bold; color:#fff; }

#tresc { width:738px; float:left; }
#tresc-inner { padding: 20px 80px 20px 50px; }
#tresc-inner h1 { margin-bottom:20px; font:18px "Trebuchet MS"; }
#tresc-inner p { margin:20px 0; }
#tresc-inner ul { margin:20px 0; }
#tresc-inner ul li { margin:8px 0 8px 20px; list-style:square; }
#tresc-inner ol { margin:20px 0; }
#tresc-inner ol li { margin:8px 0 8px 23px; list-style:decimal; }
#tresc-inner .date { color:#c36e1b; font-size:10px; }

/*    pagination    */
#tresc-inner .pagination { text-align:left; }
#tresc-inner .pagination .current { color:#fff; padding:1px 5px; border:1px solid #712b0d; background:#712b0d;}
#tresc-inner .pagination p { padding:10px 0; font-weight:bold; margin:0;}
#tresc-inner .pagination a:link {border:1px solid #ff6505; text-decoration:none; padding:1px 5px; color:#ff6505;}
#tresc-inner .pagination a:visited {border:1px solid #ff6505; text-decoration:none; padding:1px 5px; color:#ff6505;}
#tresc-inner .pagination a:hover { background:#ff6505; color:#fff; }


/*    katalog    */
#katalog { padding-bottom:10px;}
#katalog .foto { width:104px; height:104px; float:left; background-repeat:no-repeat; 
				 background-position:center center;}
#katalog .opis { width:474px; float:left; padding-right:30px;}
#katalog .oferta { border-bottom:1px solid #ffe6a6; padding:0;}
#katalog .opis h3 { font-size:14px; padding-top:15px; }
#katalog h4 { font-size:12px; margin:20px 0 -15px 0; padding:0; }
#katalog .opis p { padding:0; margin:0; }
#katalog .opis p.more { text-align:right; }
#katalog .galery { padding:20px 0; float:left;}
#katalog .galery a { display:block; width:104px; height:104px; float:left; margin-right:3px; margin-bottom:3px;
					 background-repeat:no-repeat; background-position:center center;}
					 
/*    galeria    */
.galeria { width:138px; height:178px; float: left; margin:0 10px 15px 0;}
.slajd { width:138px; height:138px; float: left; background:#fff6c9; border:1px solid #ffe6a6; margin:0 8px 8px 0;}
.slajd img { border:0; }
.slajd dl { margin: 0 0 0 20px;}
.slajd dt {font-weight:bold; }
.slajd dd {margin: 0 0 10px 0; padding:0 0 10px 0; font-size:10px;}

/*    logowanie    */
#logowanie { background:#fff6c9; border:1px solid #ffe6a6; width:350px; margin:0 auto; padding:10px; }
#logowanie h2 { padding:5px; }
#logowanie table { margin-top:5px; }
#logowanie p { padding:0 5px;  }
#logowanie .label { width:60px; padding:8px 10px 5px 0; text-align:right; }
#logowanie .input input { width:230px; padding:2px; border:1px solid #712b0d; font:12px Arial; color:#5b0f03;}
#logowanie .btn  { padding:3px 0;  }