/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; color: #666; background: #E6D4C2; 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%; }
.clear { clear: both; }
.toright { text-align: right; }
.toleft { text-align: left; }
.tocenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }

/*** LINKI ***/
a { color: #E0031D; text-decoration: underline; }
a:hover { color: #777777; 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 Tahoma; color: #FFF; display: block; text-decoration: none; margin: 2px;}
a.button:hover { background: url(../images/xform/xform-button.png) no-repeat 0px -24px; }
a.buttonsmall { width: 80px; height: 20px; background: url(../images/xform/xform-button3.png) no-repeat 0px 0px; padding-top: 4px; text-align: center; font: normal 12px Tahoma; color: #FFF; display: block; text-decoration: none; margin: 2px;}
a.buttonsmall:hover { background: url(../images/xform/xform-button3.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:#FBF2E9; color: #E0041D; border: 1px solid #E0041D; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 4px; font-family: Arial; background: #FFF; border: 1px solid #CEBAA4; }
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-bg2.gif) repeat-x left bottom; }
table.xForm td.caption { width: 200px; border-bottom: 1px solid #D7C4AF; font-size: 12px; font-weight: normal; font-family: arial; color: #685D4F;}
table.xForm td.info { border-bottom: 1px solid #D7C4AF; width: 20px; }
table.xForm td.element { border-bottom: 1px solid #D7C4AF; }
table.xForm td.errorIcon { border-bottom: 1px solid #D7C4AF; width: 14px; }
table.xForm div.errorInfoOff { display: none; }
table.xForm div.errorInfoOn { display: block; width: 200px; color: #E0031D; 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 685D4F; padding: 4px 0px; }

/*** TABLES ***/
tr.head td { height: 20px; background: url(../images/xform/xform-head.gif) repeat-x left bottom; border-bottom: 1px solid #867766; font-size: 15px; font-family: Arial, Verdana; color: #685D4F; font-weight: normal; }
tr.field td { height: 20px; background: url(../images/xform/xform-head.gif) repeat-x left bottom; border-right: 1px solid #B29B81; padding: 2px; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; }
tr.panel td { height: 25px; background: url(../images/xform/xform-head.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 #897B69;}
tr.dark td { background: #F5F5F5; font-size: 10px; border-bottom: 1px solid #DDD; }
tr.info td { color: #E0031D; 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: 700px; margin: 0px auto; float:right; background:none; font: normal 14px Arial; }
/* MAIN */
.box-topmenu ul { margin: 0; padding: 0 5px 0 0; list-style-type: none; float:right;}
.box-topmenu ul li { position: relative; display: inline; float: left; }
.box-topmenu ul li a { padding: 10px 20px 10px 20px; display: block; background:url(../images/menusep.gif) right center no-repeat ; color: #FFF; text-decoration: none; }
.box-topmenu ul li a:hover { background:url(../images/menusep.gif) right center no-repeat ; color: #E00720; }
.box-topmenu ul li a.on { background:url(../images/menusepon.gif) right center no-repeat ; color: #786B5A; }
.box-topmenu ul li a.on:hover {background:url(../images/menuseponhover.gif) right center no-repeat ; color: #5A5045;  }
* 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; }

/*** 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 ***/

#top1{
	margin:0 auto;
	height:198px;
	background:#C7B39C;
	}

#top1 .top1foto{
	margin:0 auto;
	height:198px;
	width:980px;
	background:url(../images/top1foto.jpg) top center no-repeat;
	position:relative;
	}

#top1 .top1foto a.logolink {
	width:180px;
	height:87px;
	left:50px;
	top:20px;
	position: absolute;
	}

#menubg{
	margin:0 auto;
	height:38px;
	background:url(../images/menubg.gif) repeat-x;
	}

#menubg .menubox{
	margin:0 auto;
	height:38px;
	width:980px;
	}

.wyszukiwarka{
	width:269px;
	height:38px;
	float:left;
	background:url(../images/szukajbg.gif) no-repeat;
}

.wyszukiwarka table{
	margin:5px 0 0px 50px;

}

.wyszukiwarka table input{
	background:#FFF9F3;
	border:1px solid #CEBAA4;
}

.wyszukiwarka table .szukajbutton{
	width:30px;
	height:20px;
	border:none;
	font:normal 11px Tahoma;
	color:#ffffff;
	padding:0px 8px 0 0;
	background:url(../images/szukajbutton.gif) no-repeat;
}

#contentbg{
	margin:0 auto;
	background:url(../images/bg.gif) repeat-x #E6D4C2;
}

#contentbg .pasek{
	margin:0 auto;
	width:980px;
	height:20px;
	background:url(../images/pasek.gif) no-repeat;
}

#contentbg .contentbox{
	margin:0 auto;
	width:980px;
	background:url(../images/shadow.gif) top right no-repeat;
}

#contentbg .contentbox .content{
	float:left;
	width:974px;
	padding-bottom:20px;
	background:#ffffff;
}

#contentbg .contentbox .content .leftbox{
	float:left;
	width:217px;
}

#contentbg .contentbox .content .leftbox .caption1{
	width:197px;
	height:42px;
	font:normal 13px Tahoma;
	color:#fff;
	padding:38px 0 0 20px;
	background:url(../images/caption1.gif) no-repeat;
}

#contentbg .contentbox .content .leftbox .logowaniebox{
	width:217px;
	background:url(../images/leftbg.gif) repeat-y;
}

.formlog{
	float:left;
	width:200px;
}

.linki a{
	color:#81715F;
	font:normal 11px Tahoma;
}

.logtable input{
	border:1px solid #CEBAA4;
	background:#FFF9F3;
	height:14px;
	width:125px;

}

.lognapis{
	color:#81715F;
	font:normal 11px Tahoma;
}

input.button-1{
	width:80px;
	height:24px;
	font:normal 12px Tahoma;
	color:#ffffff;
	border:none;
	margin-left:90px;
	background: url(../images/xform/xform-button3.png);
}

input.button-1:hover{
	 background: url(../images/xform/xform-button3.png) 0 -24px;
}


#contentbg .contentbox .content .leftbox .caption2{

	width:197px;
	height:42px;
	font:normal 13px Tahoma;
	color:#fff;
	padding:38px 0 0 20px;
	background:url(../images/caption2.gif) no-repeat;
}

.kategorie{
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
	background:url(../images/leftbg.gif) repeat-y;
}


.kategorie li a{
	display: block;
	padding-left: 9px;
	font:normal 12px Tahoma;
	color:#736556;
	text-decoration:none;
	line-height:20px;
	background:url(../images/point2.gif) left center no-repeat;
}

.kategorie li a:hover {
	text-decoration: underline;
	}

.kategorie li ul{
	list-style-type:none;
	padding:0 0 0 15px;
	margin:0;
	}

#contentbg .contentbox .content .leftbox .ofertabox{
	background:url(../images/leftbg.gif) repeat-y;
}

#contentbg .contentbox .content .leftbox .ofertabox a{
	text-decoration:none;
	font:normal 13px Tahoma;
	color:#736556;
	padding-left:10px;
	margin-left:20px;
	background:url(../images/point2.gif) left center no-repeat;
}

#contentbg .contentbox .content .leftbox .leftbottom{
	height:15px;
	background:url(../images/leftbottom.gif);
}


#contentbg .contentbox .content .rightbox{
	float:left;
	width:717px;
	padding:20px;
}

#footerbg{
	margin:0 auto;
	height:92px;
	background:url(../images/footerbg.gif) repeat-x;
}

#footerbg .footer{
	margin:0 auto;
	height:92px;
	width:980px;
	background:url(../images/footer.gif) top center no-repeat;
}

#footerbg .footer .copyright{
	padding-top:50px;
	padding-left:820px;
	font:normal 12px Tahoma;
	color:#8B7C6A;
}

#footerbg .footer .webton{
	font:normal 11px Tahoma;
	padding-left:825px;
	color:#C0AA93;
}

#footerbg .footer .webton{
	font:normal 11px Tahoma;
	padding-left:825px;
	color:#C0AA93;
}

#footerbg .footer .webton .tworzenie{
	color:#AE9982;
	text-decoration:none;
}

#footerbg .footer .webton .stron{
	color:#AE9982;
}
/*** CSS-MODULES ***/

.zalogowany{
	font:normal 13px Tahoma;
	padding-left: 20px;
}

.zalogowany a{
	color:#736556;
	padding-left:10px;
	margin-left:10px;
	background:url(../images/point3.gif) left center no-repeat;
}

.leftpanel{
	background:url(../images/leftbg.gif) repeat-y;
}

.head{
	padding-left:20px;
	font:normal 13px Tahoma;
	color:#736556;
}

div#itemlist
{
	width: 670px;
}
div#itemlist div.itembox
{

	border: 1px solid #BBB;
	padding: 16px;
	clear: right;
	margin-bottom: 2px;

}

div#itemlist div.itembox p {
	padding-bottom: 6px;
	margin-right: 120px;
	}

a.itemname {
	color: #D42B1C;
	text-decoration: none;
	font: bold 12px tahoma;
	}

a.itemname:hover {
	color: #E67E04;
	}

.itemfoto {
	float: right;
	}

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;
	font:normal 13px Tahoma;
	color:#736556;
	border-bottom: 1px dotted #AAA;
}

table.cart tr td a
{
	color:#736556;
	font:normal 13px Tahoma;
}

table.cart tr td.price
{
	text-align: right;
	font:bold 13px Tahoma;
	color:#736556;
}
table.cart tr td.suma
{
	text-align: center;
	padding: 5px 2px;
	font:normal 13px Tahoma;
	color:#E0041D;
}

.cartbutton{
	height:24px;
	width:170px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:30px;
}

.buttonsmall{
	float:left;
}
table.xForm td.sum1
{
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	background: #685C50;
}
table.xForm td.sum2
{
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	background: #E0041D;
}



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;
}
