/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; color: #666; background:url('../images/bodybg.gif') top center; 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; line-height: 140%; }
p.akapit { text-indent: 3em; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }
.tocenter { text-align: center; }

/*** LINKI ***/
a { color: #3D78E3; text-decoration: underline; }
a:hover { text-decoration: none; }
input.button-i{ width: 88px; height: 24px; background: url(../images/xform/button.png) no-repeat 0px 0px; text-align: center; font: bold 12px arial; color: #333029; display: block; text-decoration: none; margin: 0px Auto; border:none;}
input.button-i:hover { background: url(../images/xform/button.png) no-repeat 0px -24px; color:#FFF; border:none;}
a.button{ width: 88px; height: 19px; background: url(../images/xform/button.png) no-repeat 0px 0px; TEXT-ALIGN:CENTER;padding-top:5px; font: bold 12px arial; color: #333029; display: block; text-decoration: none; border:none;}
a.button:hover { background: url(../images/xform/button.png) no-repeat 0px -24px; color:#FFF; border:none;}
/*** ALERT ***/
div.alert { margin: 10px auto; padding: 20px; font-size: 12px; font-weight: bold; text-align: center; width: 400px; font-family: arial; background: none; color: #35322A; border: 1px solid #70A8F9; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 2px; font-family: Arial; background: #FFF url(../images/xform/xform-element-input.gif) repeat-x left bottom; border: 1px solid #A4A4A4; }
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-i.png) no-repeat 0px 0px; width: 160px; height: 24px; font-size: 12px; font-weight: bold; font-family: arial; color: #333029; border: none; }
input.button:hover { background: url(../images/xform/xform-button-i.png) no-repeat 0px -24px; color:#fff; }
input.button2 { background: url(../images/xform/xform-button-i.png) no-repeat 0px 0px; width: 160px; height: 24px; font-size: 12px; font-weight: bold; font-family: arial; color: #333029; border: none; cursor: pointer; }
input.button2:hover { background: url(../images/xform/xform-button-i.png) no-repeat 0px -24px; color:#fff}

/*** 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 #EEE; font-size: 12px; font-weight: bold; font-family: arial; color: #70A8F9;}
table.xForm td.info { border-bottom: 1px solid #EEE; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #EEE; }
table.xForm td.errorIcon { border-bottom: 1px solid #EEE; width: 14px; }
table.xForm div.errorInfo { width: 300px; color: #CA0000; font-size: 10px; margin: 4px 0px; }
table.xForm div.infoText { width: 300px; display: none; background: #FFFFDD; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #BBB; margin: 4px 0px; }
table.xForm table.nobg tr td { background: 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: 2px solid #999; padding: 4px 0px; }

/*** TABLES ***/
tr.head td { height: 20px; background: #34312A; border-bottom: 1px solid #666; font-size: 16px; font-family: Arial, Verdana; color: #DED8C0; font-weight: bold; }
tr.field td { height: 20px; background: #35322A; border-right: 1px solid #777; padding: 2px; font-size: 11px; color: #DED8C0; font-weight: bold; text-align: center; }
tr.panel td { height: 25px; background: #35322A; font-size: 13px; color: #DED8C0; 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; }

/*** 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: 980px; height:65px; margin: 0px auto; background:url('../images/menubg.gif') repeat-x; font: normal 14px "Trebuchet MS", Verdana; }
/* MAIN */
.box-topmenu ul { margin: 0; padding:15px 100px 0 0; list-style-type: none; float:right; }
.box-topmenu ul li { position: relative; display: inline; float: left; }
.box-topmenu ul li a {	padding:0 20px; display: block; 	background:url('../images/menu-sep.gif') right center no-repeat; color: #DED8C0; text-decoration: none; }
.box-topmenu ul li a:hover { background: none; color: #DED8C0; }
.box-topmenu ul li a.on { 	background:url('../images/menu-sep.gif') right center no-repeat; color: #81B4FF; }
.box-topmenu ul li a.on:hover { background:none; color: #DED8C0; }
* 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; }
.box-topmenu ul li ul li { display: list-item; float: none; }
.box-topmenu ul li ul li a { font: normal 13px Verdana; width: 190px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #555; background: #666; }
.box-topmenu ul li ul li a:hover { background: #333; color: FFF; }
.box-topmenu ul li ul li a.on { background: #000066; 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; }


/***LAYOUT***/

#topbox{
	margin:0 auto;
	height:226px;
	background:url('../images/topbg.gif') top center;
	}


#top{
	margin:0 auto;
	height:226px;
	width:980px;
	background:url('../images/top-i.jpg') top center no-repeat;
	position:relative;
	}

#top a.logolink {
	width:380px;
	height:130px;
	left:10px;
	position: absolute;
	}


#contentbox{
	margin:0 auto;
	width:980px;
	background:#fff;
	}

#contentbox .leftbox{
	float:left;
	width:200px;
	}

table.formularz{
	margin-top:10px;
	}

table.formularz .button, table.formularz .button2{
	width:18px;
	height:18px;
	background:url('../images/szukaj-button.gif');
	border:none;
	}

table.formularz .button{
	background:url('../images/szukaj-button.gif');
	}

table.formularz .button2{
	background:url('../images/button2.gif');
	}

.formularz input{
	width:120px;
	height:18px;
	background:url('../images/inputbg.gif') repeat-x;
	border:1px solid #333029;
	}

.napis{
	color:#34312A;
	font-size:11px;
	}

.caption{
	background:url('../images/captionbg.gif') center repeat-x;
	height:33px;
	margin-top:5px;
	font:bold 15px "Trebuchet MS", Tahoma;
	color:#F6EFD7;
	text-align:center;
	padding-top:5px;
	}

.produkt{
	width:200px;
	height:140px;
	margin-top: 5px;
	overflow: hidden;
	}

.produkt img
{
	width: 100px;
}

.produkt a{
	color:#333029;
	text-decoration:underline;
	}

ul.kategorielist, ul.kategorielist ul{
	list-style-type:none;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	}

ul.kategorielist li a{
	font-family: Tahoma;
	font-size:12px;
	color:#333029;
	text-decoration:none;
	line-height:20px;
	background:url('../images/point.gif') left center no-repeat;
	padding-left:15px;
	display: block;
	}

ul.kategorielist li a:active{
	color:#81B4FF;
	}

#contentbox .leftbox .info{
	color:#333029;
	font:normal 11px Tahoma;
	margin: 10px 0 0 20px;
	}


#contentbox .centerbox{
	float:left;
	width:520px;
	padding-bottom:20px;
	padding-left:10px;
	}

#contentbox .centerbox .box1{
	width:530px;
	height:25px;
	border:1px solid #DED8C0;
	padding-top:10px;
	margin:10px 8px;
	padding-left:10px;
	}

.logowanie a{
	text-decoration:none;
	font:normal 11px Tahoma;
	color:#3D78E3;
	background:url('../images/point.gif') left center no-repeat;
	padding-left:15px;
	}

#contentbox .centerbox .tresc{
	width:540px;
	padding:10px;
	}

#contentbox .rightbox{
	float:right;
	width:200px;
	padding-bottom:30px;
	}

#leftpanel{
	padding:10px 0;
	}

#contentbox .rightbox .cart{

	color:#333029;
	font:normal 11px Tahoma;
	line-height:22px;
	}

.koszyk-nagl{
	background:url('../images/carticon.gif') right bottom no-repeat;
	line-height:22px;
	margin:10px 130px 5px 5px;
	}

#leftpanel .cartbutton .button{
	float:left;
	margin-left:5px;
	}

#contentbox .rightbox .foto{
	width:100px;
	height:130px;
	float:left;
	padding-right:5px;
	}
/*
#contentbox .rightbox .fotoinfo1,#contentbox .rightbox .fotoinfo2 {
	font:normal 11px Tahoma;
	float:left;
	text-decoration:underline;
	padding-left:5px;
	float:left;
	}

#contentbox .rightbox .fotoinfo2 {
	text-decoration:none;
	padding-top:10px;
	}

#contentbox .rightbox .fotoinfo3 {
	text-decoration:none;
	margin-top:10px;
	color:#4A7EDD;
	float:left;
	padding-left:20px;
	font:bold 11px Tahoma;
	}
*/

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

#footer .footer-napis{
	font:normal 11px Arial;
	color:#5589E7;
	padding-top:30px;
	text-align:right;
	padding-right:40px;
	}


/*** CSS-MODULES ***/



div#itemlist
{
	width: 540px;
}
div#itemlist div.itembox
{
	width: 260px;
	height:330px;
	padding:5px;
	border: 1px solid #DED8C0;
	text-align: center;
	padding: 1px;
	margin: 1px;
	float:left;
}

div.listOfPages
{
	margin: 5px;
}

div#itemlist .itembox .nazwa{
	margin-top: 10px;
	height: 55px;
}


div#itemlist .itembox .button{
	margin-top: 10px;
	height: 19px;
	margin:0 auto;
}


div#itemlist .itembox .nazwa a{
	text-decoration:none;
	color:#333029;
	font:bold 12px Tahoma;
}

div#itemlist .itembox .cena span{

	font-size: 12px;
	color: #3D78E3;
}

/*
div#itemlist .itembox .opis a{
	text-decoration:none;
	color:#8D876E;
	margin:0 auto;
}
*/

div#itemlist div.itembox .itemfoto
{
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin:0 auto;
}

div#itemlist div.itembox .itemfoto a
{
	display: block;
}



div#item
{
	width: 540px;
}
div#item div.pics
{
	width: 145px;
	border-right: 1px dotted #666;
	float: left;
}
div#item div.pics a
{
	margin: 10px;
	display: block;
}
div#item div.pics img
{
	width: 120px;
	padding: 2px;
	background: #FFF;
	border: 1px solid #999;
}
div#item div.opis
{
	width: 300px;
	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: #5B564B;
}
table.xForm td.sum2
{
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	background: #34312A;
}



div#loadData
{
	margin: 10px auto;
	border: 1px dotted #0A5774;
	width: 540px;
	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;
}



/*** 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;
}
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%;
}












.zalogowany{
	margin-left: 10px;
	}

.zalogowany a{
	text-decoration:none;
	font:normal 11px Tahoma;
	color:#3D78E3;
	background:url('../images/point.gif') left center no-repeat;
	padding:0 20px;
	}

.path{
	text-decoration:none;
	font:normal 11px Tahoma;
	color:#3D78E3;
	background:url('../images/point.gif') left center no-repeat;
	padding:0 15px;
	}