/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; color: #fff; background: #117117 url(../images/bg.gif); margin: 0px; }
div, img { margin: 0px; padding: 0px; border: none; }
li { margin: 0px; padding: 0px; line-height: 140%; }
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; }
p.akapit { text-indent: 3em; }
p.promocje { color: #117117; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }
.tocenter { text-align: center; }

/*** LINKI ***/
a { color: #ffffff; text-decoration: underline; }
a:hover { color: #B9FFD5; text-decoration: none; }
a.button { width: 178px; height: 21px; background: url(../images/xform/xform-button2.png) no-repeat 0px 0px; padding-top: 4px; text-align: center; font: normal 11px arial; color: #FFF; display: block; text-decoration: none; }
a.button:hover { background: url(../images/xform/xform-button2.png) no-repeat 0px -25px; color: #FFF; }
a.button-small { width: 80px; height: 20px; background: url(../images/xform/xform-button3.png) no-repeat 0px 0px; padding-top: 5px; text-align: center; font: normal 11px arial; color: #FFF; display: block; text-decoration: none; }
a.button-small:hover { background: url(../images/xform/xform-button3.png) no-repeat 0px -25px; color: #FFF; }

/*** 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; }
div.alert a { color: #000; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 4px; font-family: Arial; background: #E4FFEF; border: 1px solid #014E1F; }
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-button2.png) no-repeat 0px 0px; width: 178px; height: 25px; font-size: 11px; font-family: arial; color: #FFF; border: none; }
input.button:hover { background: url(../images/xform/xform-button2.png) no-repeat 0px -25px; }
input.button-small { background: url(../images/xform/xform-button3.png) no-repeat 0px 0px; width: 80px; height: 25px; font-size: 11px; font-family: arial; color: #FFF; border: none; }
input.button-small:hover { background: url(../images/xform/xform-button3.png) no-repeat 0px -25px; }
label { color: #014E1F; }

/*** xFORM ***/
table.xForm { margin: 0px auto; border-collapse: collapse; }
table.xForm td { padding: 4px; background: #B5DBC4 url(../images/xform/xform-element-bg2.gif) repeat-x left bottom; }
table.xForm td.caption { width: 200px; border-bottom: 1px solid #6AC66F; font-size: 12px; font-weight: bold; font-family: arial; color: #117117;}
table.xForm td.info { border-bottom: 1px solid #90C5A5; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #90C5A5; }
table.xForm td.errorIcon { border-bottom: 1px solid #90C5A5; width: 14px; }
table.xForm div.errorInfo { color: #CA0000; font-size: 10px; padding: 0px; margin: 0px; }
table.xForm div.infoText { display: none; background: #FFFFDD; color:#90C5A5; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #BBB; margin: 4px 0px; }
table.xForm table.nobg tr td { background: none; }

/*** TABLES ***/
tr.head td { height: 20px; background: url(../images/xform/xform-head2.gif) repeat-x left bottom; border-bottom: 1px solid #000; font-size: 16px; font-family: Arial, Verdana; color: #FFF; font-weight: bold; }
tr.field td { height: 20px; background: url(../images/xform/xform-field.gif) repeat-x left bottom; border-right: 1px solid #000; 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: #07470B; font-size: 10px; border-bottom: 1px solid #DDD;}
tr.dark td { background: #0B560F; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.info td { color: #CA0000; font-weight: bold; }

/*** GALLERY ***/
div#gallery { margin: 10px auto; width: 380px; 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; }

/*** SMARTCONTEXT ***/
.intextPodtrzeni {
	text-decoration: underline;
	color: #FFFF80;
	border-bottom: 1px double #FFFF80;
	}


/*** LAYOUT ***/
#topbillboard{
	position:relative;
	margin:0 auto;		
	}
	
#topbillboardbox{
	positon:relative;
	margin:0 auto;
	}
	
#topbillboardbox2{	
	width:750px;
	margin:0 auto;
	}


#top{
	margin:0 auto;
	height:309px;
	position:relative;
	background: url(../images/top-portal.jpg) top center no-repeat;
	}

#top_en{
	margin:0 auto;
	height:309px;
	position:relative;
	background: url(../images/top-portal-en.jpg) top center no-repeat;
	}

#top2{
	margin:0 auto;
	height:309px;
	position:relative;
	background: url(../images/top-sklep.jpg) top center no-repeat;
	}

#topbox{
	width:980px;
	height:309px;
	positon:relative;
	margin:0 auto;
	}

#topbox2{
	height:279px;
	margin:0 auto;
		}

#boxmenu{
		width:640px;
		height:120px;
		float:left;
		margin-top:40px;
		}

#formbox{
		width:202px;
		height:165px;
		float:right;
		padding-top: 15px;
		margin-left: 10px;
		}

#portal-sklep
{
	margin-top: 65px;
	width: 240px;
	height: 40px;
	float: left;
}
#portal-sklep a
{
	display: block;
	width: 230px;
	height: 35px;
	text-align: center;

}

#logowanie{
		float:right;
	}

#content{
	margin:0 auto;
	width: 980px;
	border-top: 1px solid #411703;
	background: #117117 url(../images/content-top.gif) repeat-x;
	}

#left {
	width: 243px;
	float: left;
    }

#right {
	width: 243px;
	float: right;
	}

#center
{	width:450px;
	margin: 0px auto;
	padding:30px 10px;

}

.deska-top{
	margin:0 auto;
	width:243px;
	height:45px;
	padding-top:40px;
	text-align:center;
	font: bold 20px "Times New Roman";
	background: url(../images/deska-top.gif);

	}

.deska-top2{
	margin:0 auto;
	width:243px;
	height:124px;
	text-align:center;
	font: bold 20px "Times New Roman";
	background: url(../images/deska-top2.gif);
	}

.path{
	padding:25px 0 15px 20px;
	font-size:12px;
	font-weight:normal;
	float:left;
	list-style-type:none;
	}

.tlo{
	 margin:0 auto;
	 width:243px;
	 background: url(../images/panel-bg.gif);
	}

table.cartlinki
{
	width: 170px;
	padding-top: 10px;
	margin: 0px auto;
}

.text{
	 margin:0 auto;
	 width:190px;
	 color:#000000;
	 font-size:11px;
	}








.article
{
	 margin: 0;
	 padding: 0px;
	 width: 460px;
	 color: #FFF;
	 font-size: 11px;
	 padding-bottom: 5px;
	 margin-top: 30px;
	 border-bottom: 1px dotted #129F1B;
}

.article div
{
	width: 460px;
}

.article div p
{
	width: 355px;
	float: left;
	font: bold 14px Arial;
	color: #FFF;
	height: 20px;
}
.article div p a
{
	text-decoration: none;
}
.article div div
{
	width: 100px;
	float: right;
	text-align: right;
	height: 20px;
	font-style: italic;
	font-size: 10px;
}








.deska{
	margin:0 auto;
	width:243px;
	height:41px;
	padding-top:12px;
	text-align:center;
	font: bold 20px "Times New Roman";
	background: url(../images/deska.gif);

	}

#napis{
padding-top:72px;
}

.reklamy{
	margin: 0 auto;
	width:172px;
	}

.reklamy img
{
	width:172px;
}

.platnosci{
	margin: 0px auto;
	width:172px;
	text-align: center;
	}

.partnerzy{
	margin: 0 auto;
	width:172px;
	}

.partnerzy img
{
	width:172px;
}

.baner{
	padding-bottom:10px;
	}

#footer {
	height:38px;
	text-align: center;
	padding-top:72px;
	background: url(../images/stopka.gif) top center no-repeat;
	}

#footer a.tworzenie {
	color: #ffffff;
	text-decoration: none;
	font-size: 9px; }

#footer a.stron {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	 }

#logo a{
display:block;
width:240px;
height:120px;
}

#lanaguage
{
	margin-top: 75px;
	width: 90px;
	float: left;
}

#menu{
width:980px;
margin:0 auto;
top:281px;
float:left;
position:absolute;
}


ul#topmenu{
margin:0;
padding:0;
list-style:none;
}

ul#topmenu li{
float:left;
width:120px;
margin-right:1px;
height:28px;
background:url('../images/linkprawy.gif') no-repeat top right;
}

ul#topmenu > li{
width:auto;
min-width:80px;
}

ul#topmenu li a{
text-align:center;
display:block;
padding: 0px 15px;
height:28px;
color:#ffffff;
font: bold 12px Arial;
text-decoration:none;
line-height:28px;
background:url('../images/linklewy.gif') no-repeat top left;
}

ul#topmenu li.on a{
color:#E9AE60;
}



#newsletter{
	padding:15px;
	color:#117117;
	}

.cos{
	border:1px solid #90C5A5;
	background:#D5FCE5;
	}

#tytul{
	text-align:center;
	padding:0px 10px 10px 10px;
	font:"Times New Roman" bold 14px;
	}

.wiecej, .do_koszyka{
padding:10px 0 0 0;
float:right;
color:#117117;
}

.do_koszyka{
	padding-top:10px;
	font-weight:bold;
	}

.naglowek{
	padding-bottom: 2px;
	font:bold 14px Arial;
	color: #117117
	}

.tresc,.tresc2{
	padding-bottom:30px;
	}


.tresc2{
	text-align:center;
	font-size:12px;
	}

#mail{
	padding:10px 0px;
	}

div.kategoriebox{
	 margin:0 auto;
	 background: url(../images/panel-bg.gif);
	 padding:1px 0 1px 5px;
	}


div.kategoriebox .kat{
	width:180px;
	}



ul#kategorie
{
	width: 170px;
	padding: 0px;
	margin: 0px;
	margin-left: 40px;
}
ul#kategorie li

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

ul#kategorie li ul
{
	margin: 0px;
	padding-left: 15px;
}

ul#kategorie li a
{
	text-align: left;
	display: block;
	color:#000000;
	font: 14px Arial;
	text-decoration:none;
	line-height:20px;
	background: url(../images/strzalka.gif) left center no-repeat;
	padding-left:20px;
}
ul#kategorie li a.on2{
color:#117117;
}






div#news-head
{
	padding: 5px 0px;
	border-bottom: 1px dotted #E6FFE8;
	height: 20px;
	margin-bottom: 10px;
}
div#news-head h1
{
	width: 340px;
	border: none;
	color: #E6FFE8;
	float: left;
	margin: 0px;
}
div#news-head div
{
	padding-top: 10px;
	width: 100px;
	float: right;
	text-align: right;
	font-style: italic;
}



table.cart
{
	background: none;
	width: 190px;
}
table.cart tr td
{
	background: none;
	color: #000;
	border-bottom: 1px dotted #AAA;
}
table.cart tr td a
{
	color: #117117;
	text-decoration: none;
}
table.cart tr td a:hover { text-decoration: underline; }
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 #337C37;
	border-bottom: 1px solid #337C37;
}




div#itemlist
{
	width: 460px;
}
div#itemlist div.itembox
{
	width: 220px;
	height: 220px;
	text-align: center;
	padding: 1px;
	margin: 1px;
	float: left;
}
div#itemlist div.itembox a
{
	display: block;
	text-decoration: none;
}
div#itemlist div.itembox a.button-small
{
	margin: 4px auto;
}
div#itemlist div.itembox img
{
	margin-top: 10px;
	padding: 4px;
	background: #FFF;
	border: 1px solid #333;
}
div.listOfPages
{
	margin-top: 5px;
}


div#item
{
	width: 460px;
}

div#item div.back
{
	margin-bottom: 20px;
}

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


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#paydeliver label
{
	color: #FFF;
}




div#loadData
{
	margin: 10px 0px;
	border: 1px dotted #032705;
	width: 460px;
	background: #15641A;
	height: 55px;
}
div#loadData div.left
{
	padding: 10px;
	padding-top: 15px;
	float: left;
	width: 70px;
	text-align: center;
}
div#loadData div.right
{
	padding: 12px 10px;
	float: right;
	width: 340px;
}




/*** PLATNOSCI ***/
div#platnosci
{
	margin: 0px auto;
	width: 410px;
}
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: #FFF;
}
div#platnosci img
{
	border: 1px solid #0B3D0E;
	height: 30px;
	background: #FFF;
	padding: 4px;
}
p.zaplac
{
	width: 470px;
	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: #999;
}
div.cena span.itemprice
{
	color: #479BBA;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}


div#comments
{
	width: 450px;
	margin-top: 30px;
}
div#comments p
{
	font-size: 15px;
	font-weight: bold;
	font-family: arial;
	padding-bottom: 0px;
	border-bottom: 1px dotted #188A1F;
}
div#comments div div
{
	margin-top: 15px;
	font-size: 11px;
}
div#comments div div.autor
{
	margin: 0px;
	font-size: 10px;
	font-style: italic;
	text-align: right;
	border-bottom: 1px dotted #129F1B;
}


div#onOffComment
{
	margin-top: 20px;
	text-align: right;
}

div#historyComment
{
	margin-top: 20px;
	float: left;
}