/**
 * herbaciane.info
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2009/02/03
 */

body,html {
	font: normal 13px Georgia, Helvetica, Geneva, sans-serif;
	background: url(../images/frontend/bg-yellow.jpg);
	color: #4d4d4d;
	margin: 0;
}

/******************************************************************
 * global styles
 */

*:focus { outline: none; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

img { border: 0; }

input, textarea { color: #4d4d4d;  border: solid 1px #d9d9d9; padding: 5px; font: normal 12px tahoma, Helvetica, Geneva, sans-serif; }
input.submit { cursor: pointer; border: 0; background: url(../images/frontend/dodaj-komentarz.gif); width: 131px; height: 17px; margin: 10px 0; }

hr { clear: both; }

.clearUl { margin: 0; padding: 0; list-style: none; }

.clear { clear: both; }

.r { float: right; }
.l { float: left; }

.c { text-align: center; }
.ri { text-align: right; }

.j { text-align: justify; }

.hr { background: url(../images/frontend/hr.gif); line-height: 0; font-size: 0; height: 10px; margin: 10px 0; }

.hide { display: none; }

.error { color: #f00; font-weight: bold; }

.googler { line-height: 120%; border: solid 1px #ccc; padding: 10px 10px 10px 65px; margin: 0 0 10px 0; background: url(../images/frontend/google_icon.png) 5px 15px no-repeat; }
.googler p { padding: 2px 0; margin: 0; }
.googler p a { color: #f00 !important; }

table.tabInfo th { text-align: left; padding: 10px 0 10px 5px; border-bottom: solid 3px #000; background: #000; color: #fff; }
table.tabInfo td { padding: 10px 0 10px 5px; }
table.tabInfo .c { text-align: center; }
table.tabInfo .t { width: 25%; }
table.tabInfo .p { background: #f3f3f3; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font: bold 14px "Georgia", Helvetica, Geneva, sans-serif; }

#rightBg { top: 0; left: 0; position: absolute; height: 459px; width: 100%; background: url(../images/frontend/bg-right.jpg) repeat-x; }
#topBg { top: 0; left: 0;  position: absolute; height: 178px; width: 100%; background: url(../images/frontend/bg-top.jpg) top center no-repeat; }

#mainBox { width: 960px; position: relative; margin: auto; z-index: 1200; }
#topBox { height: 120px; }
#topBox a.logo { position: absolute; left: 20px; top: 52px; width: 272px; height: 54px; background: url(../images/frontend/logo.jpg); text-indent: -3000em; display: block;  }
#topBox div.kh2 { position: absolute; right: 50px; top: 10px; text-align: center; font-weight: bold; }
#topBox ul { position: absolute; right: 0; top: 50px; height: 31px; margin: 0; padding: 0; list-style: none; width: 265px; }
#topBox ul li a { height: 31px; float: left; text-indent: -3000em; }
#topBox ul li a.omnie { background: url(../images/frontend/m-omnie.jpg); width: 70px; }
#topBox ul li a.mapa { background: url(../images/frontend/m-mapa-strony.jpg); width: 115px; }
#topBox ul li a.kontakt { background: url(../images/frontend/m-kontakt.jpg); width: 75px; }

#wrapper { overflow: hidden; background: url(../images/frontend/bg-content.jpg) 6px 0 repeat-y; position: relative; }

#bgWrapper { background: url(../images/frontend/bg-wrapper.jpg) 100px 0 no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 100; }

#menuBox { float: left; position: relative; z-index: 1000; margin: 0 0 20px 0; }
#menuBox h4 { background: url(../images/frontend/bg-kategorie.jpg) no-repeat; text-indent: -3000em; padding: 15px 0; }

#categoriesBox { height: 590px; width: 229px; padding: 40px 37px 0 40px; background: url(../images/frontend/bg-categories.jpg); overflow: hidden; }
#categoriesBox ul li { margin: 5px 0; height: 41px; padding: 10px 0 0 60px; }
#categoriesBox ul li a { display: block; padding: 3px 0; text-indent: -3000em; width: 150px; }

#categoriesBox ul li.k3 { background: url(../images/frontend/h-biala.jpg); }
#categoriesBox ul li.k6 { background: url(../images/frontend/h-czarna.jpg); }
#categoriesBox ul li.k4 { background: url(../images/frontend/h-czerwona.jpg); }
#categoriesBox ul li.k5 { background: url(../images/frontend/h-zielona.jpg); }
#categoriesBox ul li.k7 { background: url(../images/frontend/h-kwitnaca.jpg); }
#categoriesBox ul li.k1 { background: url(../images/frontend/h-yerba.jpg); }
#categoriesBox ul li.k8 { background: url(../images/frontend/h-ciekawostki.jpg); }
#categoriesBox ul li.k9 { background: url(../images/frontend/h-akcesoria.jpg); }
#categoriesBox ul li.akcesoria { background: url(../images/frontend/h-akcesoria.jpg); }
#categoriesBox ul li.k2 { background: url(../images/frontend/h-oblogu.jpg); }

#newsletterBox { width: 229px; padding: 40px 37px 0 40px; overflow: hidden; color: #fff; line-height: 160%; }
#newsletterBox input.text { width: 220px; }

#contentBox { float: right; width: 635px; position: relative; z-index: 1000; margin: 0 0 20px 0; }
#contentBox h1 { background: url(../images/frontend/bg-header.jpg) right no-repeat; padding: 15px 40px; color: #3c77a9; }
#contentBox h1.news, #contentBox h2.news { position: relative; background: #fff url(../images/frontend/bg-news-date.jpg) left center no-repeat; padding: 20px 0 0 110px; height: 37px; font-size: 24px; color: #3c77a9; font-weight: normal; letter-spacing: -1px; }
#contentBox h1.news a, #contentBox h2.news a { color: #3c77a9; }
#contentBox h1.news span, #contentBox h2.news span { display: block; width: 20px; position: absolute; left: 63px; top: 15px; font-size: 11px; text-align: center; color: #808080; letter-spacing: 1px; }
#contentBox div.newsTop { background: url(../images/frontend/bg-news-top.jpg) right no-repeat; font-size: 0; line-height: 0; height: 14px; margin: 18px 0 0 0; }
#contentBox div.newsBody { background: url(../images/frontend/bg-news-body.jpg) right repeat-y; padding: 5px 40px 10px 40px; line-height: 190%; overflow: hidden; }
#contentBox div.newsBody a { color: #3c77a9; text-decoration: underline; }

#contentBox div.newsBody h2.kat { font-size: 24px; color: #3c77a9; font-weight: normal; letter-spacing: -1px; padding-left: 145px; }
#contentBox div.newsBody img.pic { padding: 20px 5px 0 0; }
#contentBox div.newsBody ul.more { height: 17px; }
#contentBox div.newsBody ul.more li { float: left; width: 150px; height: 17px; }
#contentBox div.newsBody ul.more li a { display: block; width: 150px; height: 17px; text-indent: -3000em; }
#contentBox div.newsBody ul.more li.more a { background: url(../images/frontend/more.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k3 a { background: url(../images/frontend/small/h-biala.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k6 a { background: url(../images/frontend/small/h-czarna.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k4 a { background: url(../images/frontend/small/h-czerwona.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k5 a { background: url(../images/frontend/small/h-zielona.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k7 a { background: url(../images/frontend/small/h-kwitnaca.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k1 a { background: url(../images/frontend/small/h-yerba.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k8 a { background: url(../images/frontend/small/h-ciekawostki.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.akcesoria a { background: url(../images/frontend/small/h-akcesoria.gif) left center no-repeat; }
#contentBox div.newsBody ul.more li.k2 a { background: url(../images/frontend/small/h-oblogu.gif) left center no-repeat; }

#contentBox div.newsBody h3.comments { background: url(../images/frontend/komentarze.gif) no-repeat; clear: both; text-indent: -3000em; margin: 20px 0; padding: 9px 0; }

#commentsBox { width: 550px; margin: auto; }
#commentsBox div.top { height: 14px; line-height: 0; font-size: 0; background: url(../images/frontend/bg-comments-top.gif); }
#commentsBox div.body { background: #fafafa url(../images/frontend/bg-comments-bottom.gif) bottom no-repeat; overflow: hidden; padding: 0 5px 10px 5px; color: #999; }
#commentsBox div.body blockquote { color: #4d4d4d; }
#commentsBox div.body b { color: #3c77a9; }
#commentsBox div.n { background: #fff !important; }

#commentsBox form p { overflow: hidden; padding: 5px 0; margin: 0; clear: both; }
#commentsBox form p label { display: block; width: 125px; float: left; padding: 3px 0 0 0; }
#commentsBox form p input { width: 203px; }
#commentsBox form p textarea { width: 410px; height: 100px; }

#contentBox div.newsFooter { background: url(../images/frontend/bg-news-footer.jpg) right no-repeat; font-size: 0; line-height: 0; height: 10px; }

#contentBox div.older { width: 510px; margin: auto; }
#contentBox div.older h4 { background: url(../images/frontend/bg-starsze.jpg) no-repeat; padding: 10px; margin: 10px 0; text-indent: -3000em; }
#contentBox div.older ul li { padding: 8px 0; border-bottom: solid 1px #696e49; }
#contentBox div.older ul li.last { border: 0; }
#contentBox div.older ul li span { color: #a4a978; padding: 0 20px; }
#contentBox div.older ul li a { color: #edf1cd; }

#footerBox { clear: both; margin: 30px 0 30px 30px; background: url(../images/frontend/bg-footer.gif) no-repeat; padding: 10px 0 0 5px; color: #a4a978; }