body { font-size: 11px; font-family: verdana, arial; color: #626061; background: #FFD5EA url(images/bg.gif) repeat-x; margin: 0px; }
.mbottom { margin-bottom: 8px; }
.clear { clear: both; }
div, img { margin: 0px; padding: 0px; border: none; }


a { font: normal 11px verdana; text-decoration: none; color: #AB78C8;}
a:hover { color: #AB78C8; text-decoration: underline; }

a.menu:link {color: #626061; text-decoration: none;}
a.menu:visited {color: #626061; text-decoration: none;}
a.menu:hover {color: #EF6DC2; text-decoration: none;}
a.menu:active {color: #626061; text-decoration: none;}

a.menuMark:link {color: #0000AA; text-decoration: none;}
a.menuMark:visited {color: #0000AA; text-decoration: none;}
a.menuMark:hover {color: #000000; text-decoration: underline;}
a.menuMark:active {color: #0000AA; text-decoration: none;}

input {font-size:11px; font-weight: bold; background: #FFF7F9; color: #555555; font-family: Arial, Verdana; border: 1px solid #AC003B;}
input.checkbox {background: none; border: none; width: 20px;}
input.button {width: 75px;}
textarea {font-size:11px; font-weight: bold; background: #FFF7F9; color: #555555; font-family: Arial, Verdana; width: 300px; height: 80px; border: 1px solid #AC003B;}
select {font-size:11px; font-weight: bold; background: #FFF7F9; color: #555555; font-family: Arial, Verdana; border: 1px solid #AC003B;}

.textHead {font-size: 18px; font-weight: bold; font-family: Arial, Verdana;}
.textHeadInfo {font-size: 18px; font-weight: bold; font-family: Arial, Verdana; color: #BE8FDA;}
.textHeadSmall {font-size: 14px; font-weight: bold; font-family: Arial, Verdana;}
.textHeadSmallInfo {font-size: 14px; font-weight: bold; font-family: Arial, Verdana; color: #BE8FDA;}
.textStrong {font-size: 12px; font-weight: bold;}
.textStrongInfo {font-size: 12px; font-weight: bold; color: #BE8FDA;}
.textBold {font-weight: bold;}
.textBoldInfo {font-weight: bold; color: #BE8FDA;}
.textSmall {font-size: 10px;  font-weight: normal;}
.textSmallInfo {font-size: 10px; color: #BE8FDA; font-weight: normal;}
.textInfo {color: #BE8FDA;}
.textStrike {text-decoration: line-through;}

h1 {font-size: 18px; font-weight: bold; font-family: Arial, Verdana; color: #CA0000; margin-bottom: 5px}
h2 {font-size: 14px; font-weight: bold; font-family: Arial, Verdana; color: #CA0000; margin-bottom: 5px}

table.border {background-color: #AC003B;}
tr {font-size: 11px; font-family: Verdana, Arial; color: #4B4B4B;}
.head {font-size: 14px; font-family: Arial, Verdana; color: #BE8FDA; font-weight: bold;}
tr.head td {
	background: url(images/point.gif) no-repeat left center;
	padding-left: 14px;
	}

.headSmall {background-color: #D23F71; color: #FFFFFF; font-weight: bold;}
.field {background-color: #E56A93; color: #FFFFFF; font-weight: bold; text-align: center;}
.menu {font-size: 12px; font-weight: bold; text-align: center;}
.panel {background-color: #E56A93; color: #FFFFFF;}
.bright {background-color: #FFEFF4;}
.dark {background-color: #FFD5EA;}
.info {background-color: #CA0000; color: #FFFFFF;}
.none {background-color: #CCCCCC;}
.light {background-color: #FFFFFF;}



#contenair {
	width: 982px;
	margin: 0px auto;
	}

#toptop {
	height: 14px;
	background: url(images/toptop.gif) repeat-x;
	text-align: right;
	padding: 4px;
	}

#toptop a {
	font-weight: bold;
	padding: 0px 10px;
	background: url(images/tpoint.gif) no-repeat 3px center;
	text-decoration: none;
	}

#toptop a:hover {
	color: #D0ACE5;
	}

#topbox {
	height: 164px;
	background: url(images/top.jpg) no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	}

#topbox ul {
	position: absolute;
	bottom: 1px;
	left: 15px;
	}

#topbox ul, #topbox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 31px;
	overflow: hidden;
	}

#topbox ul li {
	float: left;
	background: #FFF url(images/butonbg.gif) no-repeat top right;
	margin-right: 1px;
	}

#topbox ul li a {
	display: block;
	height: 13px;
	color: #FFF;
	font: bold 12px verdana, arial;
	text-decoration: none;
	background: url(images/butonstart.gif) no-repeat;
	text-align: center;
	white-space: nowrap;
	padding: 9px;
	}

#topbox ul li a:hover {
	color: #FFDCEE;
	}

#topbox ul li a {
	width: 80px;
	}

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

#topbox ul li.on {
	background: url(images/butonbg_.gif) no-repeat top right;
	}

#topbox ul li.on a {
	background: url(images/butonstart_.gif) no-repeat;
	color: #FFF;
	}


#topshadow {
	height: 30px;
	background: url(images/topshadow.gif) no-repeat;
	}

#mainbox {
	background: url(images/contentbg.gif) repeat-y;
	}

#leftside {
	width: 180px;
	float: left;
	padding-left: 12px;
	}

#rightside {
	width: 180px;
	padding-right: 12px;
	float: right;
	}

#centerside {
	width: 560px;
	margin: 0px auto;
	}

.panelhead1, .panelhead2 {
	width: 180px;
	height: 23px;
	background: url(images/panelhead1.gif);
	text-align: center;
	color: #FFF;
	font: bold 12px verdana;
	padding-top: 7px;
	}

.panelhead2 {
	background: url(images/panelhead2.gif);
	}

.panelshadow {
	height: 7px;
	background: url(images/panelshadow.gif);
	}

.panelbody {
	border-left: 1px solid #5B5D53;
	border-right: 1px solid #5B5D53;
	}

.panelbottom {
	height: 8px;
	background: url(images/panelbottom.gif);
	}

#bottombox {
	width: 982px;
	margin: 0px auto;
	background: url(images/bottombg.gif) repeat-x;
	height: 75px;
	padding: 0px;
	}

#bottombox p {
	float: right;
	width: 370px;
	height: 30px;
	color: #FFF;
	padding-left: 27px;
	font: normal 11px arial;
	background: url(images/bottomend.gif) no-repeat;
	margin: 0px;
	padding-top: 45px;
	}

#koszykboxhead {
	height: 41px;
	background: url(images/twojkoszykhead.jpg) no-repeat;
	}

#koszykboxbody {
	text-align: center;
	color: #FFF;
	background: #F076C6 url(images/twojkoszykend.gif) no-repeat left bottom;
	padding-bottom: 15px;
	}
	
#koszykboxbody a {
	font: bold 12px verdana, tahoma;
	color: #9D26E3;
	text-decoration: none;
	}
	
#koszykboxbody a:hover {
	color: #FFF;
	}
	
.mainkat {
	padding: 3px 0px 3px 22px;
	border-bottom: 1px dotted #EAEDDF;
	background: url(images/point.gif) no-repeat 8px center;
	color: #BE8FDA;
	font: bold 12px arial, tahoma, verdana;
	}
	
.mainkat a {
	font: normal 12px arial, tahoma;
	color: #5B5D53;
	text-decoration: none;
	}
	
.subkat {
	padding: 2px 0px 3px 15px;
	margin-left: 15px;
	font: bold 11px arial;
	}
	
.subkat a {
	font: normal 11px arial;
	color: #5B5D53;
	text-decoration: none;
	}
	
.itembox {
	width: 148px;
	border: 1px solid #EADDEC;
	padding: 0px 15px;
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 15px;
	min-height: 200px;
	}
	
.itemmini {
	padding: 3px;
	margin-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	}
	
.itemname a {
	font: bold 12px arial, tahoma, verdana;
	color: #E045D7;
	text-decoration: none;
	text-align: left;
	}
	
.itemname a:hover {
	text-decoration: underline;
	}
	
.itemprice {
	text-align: left;
	color: #7C488F;
	font: normal 11px arial;
	padding-bottom: 10px;
	}
	
.itemprice span {	
	font: bold 14px verdana;
	}
	
.c1 {
	width: 8px;
	height: 8px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: url(images/c1.gif) no-repeat;
	}
	
.c2 {
	width: 8px;
	height: 8px;
	position: absolute;
	top: -1px;
	right: -1px;
	background: url(images/c2.gif) no-repeat;
	}
	
.c3 {
	width: 8px;
	height: 8px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	background: url(images/c3.gif) no-repeat;
	}
	
.c4 {
	width: 8px;
	height: 8px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	background: url(images/c4.gif) no-repeat;
	}