/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; color: #666; background:#F9D456; margin: 0px; }
div, img { margin: 0px; padding: 0px; border: none; }
li { margin: 0px; padding: 0px; }
h1 { margin: 15px 0px 0px 0px; font-size: 18px; font-weight: bold; color: #666; font-family: arial, verdana; }
h2 { margin: 15px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #666; font-family: arial, verdana; }
h3 { margin: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #666; font-family: arial, verdana; }
p { margin: 0px; padding: 0px; border: none; line-height: 140%; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }
.tocenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }

/*** LINKI ***/
a { color: #164612; text-decoration: underline; }
a:hover { color: #539D44; text-decoration: none; }
a.button { width: 160px; height: 20px; background: url(../images/xform/xform-button.png) no-repeat 0px 0px; padding-top: 4px; text-align: center; font: normal 12px arial; color: #FFF; display: block; text-decoration: none; margin: 2px;}
a.button:hover { background: url(../images/xform/xform-button.png) no-repeat 0px -24px; }

/*** ALERT ***/
div.alert { margin: 10px auto; padding: 20px; font-size: 12px; font-weight: bold; text-align: center; width: 400px; font-family: arial; background: #FFFFDD; color: #CA0000; border: 1px solid #CA0000; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 4px; font-family: Arial; background: #FFF url(../images/xform/xform-element-input.gif) repeat-x left bottom; border: 1px solid #DAD9C8; }
input:focus, textarea:focus, select:focus { background: #FFFFDD; border: 1px solid #000; }
input.checkbox { margin: 4px 0px; padding: 0px; border: none; background: none; }
textarea { width: 350px; height: 100px; }
input.button { background: url(../images/xform/xform-button.png) no-repeat 0px 0px; width: 160px; height: 24px; font-size: 12px; font-weight: normal; font-family: arial; color: #FFF; border: none; cursor: pointer; }
input.button:hover { background: url(../images/xform/xform-button.png) no-repeat 0px -24px; }
input.button2 { background: url(../images/xform/xform-button2.png) no-repeat 0px 0px; width: 160px; height: 24px; font-size: 12px; font-weight: normal; font-family: arial; color: #fff; border: none; cursor: pointer; }
input.button2:hover { background: url(../images/xform/xform-button2.png) no-repeat 0px -24px; }

/*** xFORM ***/
table.xForm { margin: 0px auto; background: #FFF; border-collapse: collapse; }
table.xForm td { padding: 4px; background: url(../images/xform/xform-element-bg.gif) repeat-x left bottom; }
table.xForm td.caption { width: 200px; border-bottom: 1px solid #DAD9C8; font-size: 12px; font-weight: bold; font-family: arial; color: #144111;}
table.xForm td.info { border-bottom: 1px solid #DAD9C8; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #DAD9C8; }
table.xForm td.errorIcon { border-bottom: 1px solid  #DAD9C8; width: 14px; }
table.xForm div.errorInfoOff { display: none; }
table.xForm div.errorInfoOn { display: block; width: 200px; color: #CA0000; background: #FFFFDD; font-size: 11px; font-family: verdana; font-weight: normal; margin: 4px 0px; padding: 2px; border: 1px solid #CA0000; }
table.xForm div.infoText { display: none; background: #FFFFDD; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #BBB; margin: 4px 0px; }
table.xForm div.infoUpload { color: #1C9500; font-size: 11px; margin: 4px 0px; }
table.xForm table.nobg tr td { background: none; border: none; }
table.xForm iframe.xFormIframe { display: none; width: 0px; height: 0px; border: none; margin: 0px; padding: 0px; }
table.xForm tr.submitpanel td { background: none; border-top: 1px solid #999; padding: 4px 0px; }

/*** TABLES ***/
tr.head td { height: 20px; background: url(../images/xform/xform-head.gif) ; border-bottom: 1px solid #666; font-size: 16px; font-family: Arial, Verdana; color: #fff; font-weight: normal; }
tr.field td { height: 20px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; border-right: 1px solid #777; padding: 2px; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; }
tr.panel td { height: 25px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; font-size: 13px; color: #FFF; font-weight: bold; text-align: left; padding: 0px; }
tr.bright td { background: #FFF; font-size: 10px; border-bottom: 1px solid #DDD;}
tr.dark td { background: #F5F5F5; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.info td { color: #CA0000; font-weight: bold; }

/*** listOfPages ***/
p.listOfPages { float: right; margin: 2px 0; }
p.listOfPages a, p.listOfPages span { float: left; width: 18px; height: 18px; background: #F5F5F5; display: block; margin-left: 1px; color: #0070A4; text-decoration: none; font: bold 11px arial; text-align: center; line-height: 18px; }
p.listOfPages span { width: 16px; height: 16px; border: 1px solid #D60022; }
p.listOfPages a:hover { background: #D60022; color: #FFF; }

/*** GALLERY ***/
div#gallery { width: 670px; margin: 10px 0px 0px 0px; padding: 0px; }
div#gallery a { float: left; padding: 2px; }
div#gallery a img { border: 1px solid #888; }

/*** PATH ***/
div#path { width: 670px; height: 25px; border-bottom: 1px solid #BBB; }
div#path ul { margin: 0px; padding: 0px; list-style: none; }
div#path ul li { margin: 0px; padding: 0px; float: left; }
div#path ul li a { display: block; padding: 2px 10px; background: url(../images/point.gif) no-repeat 0px 50%; }
div#path ul li a:hover { background: url(../images/point.gif) no-repeat 1px 50%; }

/*** WEBTON ***/
div#webton { clear: both; width: 890px; padding: 5px; margin: 1px auto; text-align: center; }
div#webton a.tworzenie { color: #CCC; text-decoration: none; font-size: 9px; }
div#webton a.stron { color: #F7A5A5; font-size: 10px; }

/*** DYNAMIC-MENU ***/
.box-topmenu { width: 717px; margin: 0px auto; background: #539D44; font: normal 13px Tahoma; float:left;}
/* MAIN */
.box-topmenu ul { margin: 0; padding: 0;list-style-type: none; float:left;}
.box-topmenu ul li { position: relative; display: inline; float: left ;background:url('../images/leftlink.gif') no-repeat left;border-top:2px solid #539D44; }
.box-topmenu ul li a {padding: 8px 27px 8px 27px; display: block; background:url('../images/rightlink.gif') no-repeat right; border-right:1px solid #539D44;color: #FFF; text-decoration: none; }
.box-topmenu ul li a:hover {background:url('../images/rightlink.gif') no-repeat right; color: #DEBA3F;}
.box-topmenu ul li.on {background:url('../images/leftlink2.gif') no-repeat  left;}
.box-topmenu ul li a.on { background:url('../images/rightlinkon.gif') no-repeat right; color: #4C550F;}
.box-topmenu ul li a.on:hover { background:url('../images/rightlinkon.gif') no-repeat right; color: #87A528; }
* html .box-topmenu ul li a { display: inline-block; } /* dla IE6 */
/* SUB */
.box-topmenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; margin-top: -2px;}
.box-topmenu ul li ul li { display: list-item; float: none; background:none; }
.box-topmenu ul li ul li a { font: normal 12px Tahoma; width: 190px; padding: 5px; margin: 0; border-top-width: 0; background: #144111; }
.box-topmenu ul li ul li a:hover { background: #F9D456; color:#000; }
.box-topmenu ul li ul li a.on { background: #F9D456; color: FFF; }
.box-topmenu ul li ul li a.on:hover { background: #3333BB; color: BBB; }
/* ARROW */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/*** PLATNOSCI ***/
div#platnosci { margin: 20px 0px; width: 670px; }
div#platnosci div.bank { float: left; text-align: center; width: 130px; height: 80px; }
div#platnosci input { margin: 4px 0px; background: none; border: none; }
div#platnosci div { margin: 0px; background: none; border: none; }
div#platnosci label { font-size: 10px;  color: #0E67C3; }
div#platnosci img { border: none; height: 30px; }


/*** LAYOUT ***/

#topbg{
	margin:0 auto;
	background:url(../images/topbg.gif) repeat-x;
	}

#topbg .topbox1{
	margin:0 auto;
	width:980px;
	height:43px;
	}

#topbg .topbox2{
	margin:0 auto;
	width:980px;
	height:223px;
	background:black;
	}

#topbg .topbox2 .topbox2left{
	float:left;
	width:229px;
	height:223px;
	background:url(../images/logo.gif) top center no-repeat;
	position: relative;
	}

#topbg .topbox2 .topbox2left a.logolink{
	width:180px;
	height:120px;
	top:60px;
	left:45px;
	position: absolute;
	}

#topbg .topbox2 .topbox2right{
	float:left;
	width:751px;
	height:223px;
	background:url(../images/foto.jpg) top center no-repeat;
	}

#topbg .mainbox{
	margin:0 auto;
	width:980px;
	padding-bottom:30px;
	background:#F9D456;
	}

#topbg .mainbox .leftbox{
	float:left;
	width:242px;
	}

#topbg .mainbox .leftbox .leftboxleft{
	float:left;
	height:250px;
	width:42px;
	background:url(../images/leftboxshadow.gif) top center no-repeat;
	}

#topbg .mainbox .leftbox .leftboxright{
	float:left;
	width:200px;
	}

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

.kategorie li{
	background:url(../images/libg2.gif) repeat-x #E2E1D1;
	border-top:1px solid #fff;
}

.kategorie li.on{
	background:url(../images/listabg.gif);
}

.kategorie li a
{
	display:block;
	text-decoration:none;
	font:normal 12px Tahoma;
	color:#144111;
	background:url(../images/point1.gif) left center no-repeat;
	padding: 9px 20px;
	margin-left: 10px;
}


.kategorie li a:hover
{
	color:#539D44;
	background:url(../images/point1hover.gif) left center no-repeat;
}

.kategorie li a.on
{
	color:#fff;
	background:url(../images/point2.gif) left center no-repeat;
}
.sub{
	margin:0;
	padding:0;
	list-style-type:none;
	background:#98D08D;
}

.sub li{
	background:none;
}

.sub li a{
	color:#144111;
	background:url(../images/point3a.gif) left center no-repeat;
	padding: 5px 15px;
	margin-left: 18px;
}

.sub li a:hover{
	color:#2C3305;
	background:url(../images/point3a.gif) left center no-repeat;
}

.sub li a.on{
	color:#fff;
	background:url(../images/point2aon.gif) left center no-repeat;
}


.sub li ul li a{
	color:#fff;
	background:url(../images/point2aon.gif) left center no-repeat;
	padding: 5px 15px;
	margin-left: 30px;
}

.sub li ul li a:hover{
	color:#fff;
	background:url(../images/point2a.gif) left center no-repeat;
}

#topbg .mainbox .leftbox .newslettertop{
	float:right;
	height:17px;
	width:218px;
	margin-top:15px;
	background:url(../images/newslettertop.gif) top center no-repeat;
	}

#topbg .mainbox .leftbox .newsletterbg{
	float:right;
	width:203px;
	padding-left:15px;
	background:url(../images/newsletterbg.gif) repeat-y;
	}

#topbg .mainbox .leftbox .newsletterbg .newsletternaglowek{
	color:#fff;
	font:normal 20px Tahoma;
	border-bottom:2px solid #fff;
	padding-bottom:5px;
	width:180px;
	}

#topbg .mainbox .leftbox .newsletterbg .text{
	color:#194D0D;
	font:normal 11px Tahoma;
	padding-top:10px;
	}

.pole{
	border:1px solid #144111;
	width:140px;
	}

.label{
	font:normal 11px Tahoma;
	color:#194D0D;
	text-align:right;
	}

.newsletterbutton{
	float:right;
	height:18px;
	width:78px;
	border:none;
	font:normal 11px Tahoma;
	color:#fff;
	padding-left:10px;
	padding-top:2px;
	margin-right:14px;
	background:url(../images/newsletterbutton.gif) top center no-repeat;
	}

.newsletterbutton:hover{
	background:url(../images/newbutton.gif);
	}

#topbg .mainbox .leftbox .newsletterbg .wypisz{
	color:#424B0C;
	font:normal 11px Tahoma;
	text-decoration:underline;
	padding-left:15px;
	line-height:25px;
	background:url(../images/point3.gif) left center no-repeat;
	}

#topbg .mainbox .leftbox .newsletterbottom{
	float:right;
	height:9px;
	width:218px;
	background:url(../images/newsletterbottom.gif) top center no-repeat;
	}

#topbg .mainbox .rightbox{
	float:left;
	width:738px;
	}

#topbg .mainbox .rightbox .content{
	float:left;
	width:718px;
	}

#topbg .mainbox .rightbox .content2{
	float:left;
	width:718px;
	}

#topbg .mainbox .rightbox .content2 .trescstrony{
	float:left;
	width:669px;
	border:1px solid #1D5C18;
	padding:10px 20px 10px 10px;
	margin-top:10px;
	background:#fff;
	}

#topbg .mainbox .rightbox .contentshadow{
	float:left;
	width:20px;
	height:311px;
	background:url(../images/contentshadow.gif) #fff top center no-repeat;
	}

#topbg .mainbox .rightbox .contentshadow2{
	float:left;
	width:7px;
	height:230px;
	background:url(../images/contentshadow2.gif) #fff top center no-repeat;
	}

#footer{
	margin:0 auto;
	height:63px;
	background:url(../images/footerbg.gif) repeat-x;
}

#footer .footerboxbg{
	margin:0 auto;
	height:63px;
	width:980px;
	background:url(../images/footerboxbg.gif) top center no-repeat;
}

#footer .footerboxbg .copyright{
	font:normal 11px Tahoma;
	color:#164612;
	text-align:right;
	padding-top:10px;
}

#footer .footerboxbg .napis2{
	padding-top:5px;
	float:right;
	font:normal 10px Tahoma;
}

.tworzenie{
	text-decoration:none;
	color:#A5A497;
}

.webton{
	color:#A5A497;
}

.captionbg{
padding:5px 0px 0 10px;
font: normal 14px Tahoma;
color:#fff;
width:670px;
height:25px;
background:url(../images/captionbg.gif);
margin-bottom:10px;
}

/*** KATALOG ***/
#box{
	margin:0 auto;
	width:680px;
	}

#box .boxtop{
	width:680px;
	height:29px;
	background:url('../images/boxtopa.gif') top center no-repeat;
	}

#box .boxtop .boxtopright{
	width:670px;
	height:24px;
	float:right;
	font:normal 14px Tahoma;
	color:#fff;
	padding:5px 0 0 10px;
	}

#box .boxbg{
	width:680px;
	background:url('../images/box2bg-a.gif') repeat-y;
	}

#box .boxbg .boxbgleft{
	width:245px;
	float:left;
	}

#box .boxbg .boxbgleft img{
	padding:40px 10px;
	}

#box .boxbg .boxbgright{
	width:680px;
	float:left;
	}





ul.linki, ul.linki2{
	list-style-type:none;
	float:left;
	width:215px;
	margin:0;
	padding:0;
	padding:20px 0 0 25px;
	}

ul.linki2{
	width:380px;
		}

#box .boxbg .boxbgright	img{
	padding:5px 0px 0 0;
	margin:0 auto;
	}

ul.linki li
{
	padding-bottom:5px;
}

ul.linki2 li
{
	padding-bottom:5px;
	padding-left:15px;
	font:normal 12px Tahoma;
	background:url('../images/listapoint.gif') left center no-repeat;
}


ul.linki li a
{
	font:normal 12px Tahoma;
	color:#144111;
	padding-left:15px;
	background:url('../images/listapoint.gif') left center no-repeat;
}

ul.linki li a:hover, ul.linki2 li a:hover{
	color:#86AC84;
	}


ul.loga{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0 60px 0 60px;
	width:90px;
	}


#box .boxbottom{
	width:680px;
	height:7px;
	background:url('../images/boxbottom.gif') no-repeat;
	}

.clear{
	clear:both;
	}

.kontaktbg{
	margin:0 auto;
	width:680px;
	height:29px;
	background:url('../images/kontaktbga.gif') top center no-repeat;
}

.kontaktbg a{
	float:right;
	text-decoration:none;
	font:normal 11px Tahoma;
	color:#144111;
	padding:10px 10px 0 0;
	margin-right:10px;
}


#box2{
	margin:0 auto;
	width:680px;
	}

#box2 .box2top{
	width:680px;
	height:34px;
	background:url('../images/box2top.gif') top center no-repeat;
	}

#box2  .box2topleft{
	float:left;
	width:240px;
	height:34px;
	background:url('../images/box2topleftbg.gif') top center no-repeat;
	}

#box2 .box2topleft img{
	margin:6px 0 0 15px;
	}

#box2 .box2topright{
	float:left;
	width:415px;
	height:26px;
	font:normal 14px Tahoma;
	color:#fff;
	padding:8px 0 0 0px;
	padding-left:25px;
	background:url('../images/box2toprightbg.gif') top center no-repeat;
	}

#box2 .caption{
	height:23px;
	width:414px;
	font:normal 14px Tahoma;
	color:#fff;
	padding:5px 0 0 266px;
	background:url('../images/caption.gif') top center no-repeat;
	}

.box2bg{
	width:680px;
	background:url('../images/box2bg.gif') repeat-y;
	}

.box2bg .box2bgleft{
	width:240px;
	float:left;
	}

.box2bg .box2bgleft img{
	padding-left: 10px;
	margin-bottom: 10px;
	}

.box2bg .box2bgright{
	width:420px;
	float:left;
	padding: 10px;
	}

.box2bg .box2bgright .promocja{
	height:24px;
	width:440px;
	padding-top:10px;
	background:url('../images/promocja.gif') left bottom no-repeat;
	}

.box2bg .box2bgright .promocja .promocjalink{
	width:110px;
	padding:5px 0 0 15px;
	}

.box2bg .box2bgright .promocja .promocjalink a{
	text-decoration:none;
	margin-right:5px;
	font:normal 12px Tahoma;
	color:#144111;
	}

.box2bottombg{
	width:680px;
	height:2px;
	background:url('../images/box2bottombg.gif') repeat-x;
	}

#footer2{
	margin:0 auto;
	width:680px;
	height:16px;
	border-top:1px solid #fff;
	background:url('../images/footer-k.gif') top center no-repeat;
}



/*** CSS-MODULES ***/



div#itemlist
{
	width: 670px;
}
div#itemlist div.itembox
{
	width: 160px;
	height: 160px;
	border: 1px solid #BBB;
	text-align: center;
	padding: 1px;
	margin: 1px;
	float: left;
}
div#itemlist div.itembox a
{
	display: block;
}

div#item
{
	width: 670px;
}
div#item div.pics
{
	width: 199px;
	border-right: 1px dotted #666;
	float: left;
}
div#item div.pics a
{
	margin: 10px;
	display: block;
}
div#item div.pics img
{
	padding: 2px;
	background: #FFF;
	border: 1px solid #999;
}
div#item div.opis
{
	width: 450px;
	padding: 10px;
	float: right;
}
div#item p.desc
{
	padding: 5px 0px;
}

table.cart
{
	background: none;
	width: 190px;
}
table.cart tr td
{
	background: none;
	color: #000;
	border-bottom: 1px dotted #AAA;
}
table.cart tr td.price
{
	text-align: right;
	font-weight: bold;
}
table.cart tr td.suma
{
	text-align: center;
	padding: 5px 2px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

table.xForm td.sum1
{
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	background: #333;
}
table.xForm td.sum2
{
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	background: #AA0000;
}



div#loadData
{
	margin: 10px auto;
	border: 1px dotted #0A5774;
	width: 600px;
	background: #FFF;
	height: 55px;
}
div#loadData div.left
{
	padding: 10px;
	padding-top: 15px;
	float: left;
	width: 100px;
	text-align: center;
}
div#loadData div.right
{
	padding: 10px;
	float: right;
	width: 400px;
}

p.zaplac { 	width: 670px; border-top: 1px dotted #BBB; padding-top: 15px; }
p.zaplac span { font: bold 18px arial; color: #000; }

div.cena
{
	padding: 5px 0px;
	margin: 5px 0px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
div.cena span
{
	font-size: 10px;
	color: #666;
}
div.cena span.itemprice
{
	color: #479BBA;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}




div.newsitem p.date
{
	margin-top: 5px;
	font-style: italic;
	font-size: 9px;
	padding: 2px;
}
div.newsitem a.title
{
	font-weight: bold;
	display: block;
	padding: 2px;
}
div.newsitem p.desc
{
	padding: 2px;
}
div.newsitem p.more
{
	padding: 2px;
	text-align: right;
	font-size: 10px;
	border-bottom: 1px dotted #AAA;
}



div#aktualnosci
{
	padding: 0px;
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #C6C6C6;
	height: 20px;
	margin-right: 240px;

}
div#aktualnosci div
{
	margin: 0px;
	padding-top: 7px;
	width: 130px;
	float: right;
	text-align: right;
}
div#listAktualnosci
{
	float: right;
	width: 220px;
}
div#listAktualnosci div
{
	padding: 10px;
	margin: 0px 0px 4px 10px;
}
div.contentAktualnosci
{
	margin-right: 240px;
	padding-top: 20px;
}