/*** BODY ***/
body { font-size: 11px; font-family: Verdana, Arial; color: #455463; background: #FFF url(../images/topbg.jpg) repeat-x; margin: 0px; }
body.cms { font-size: 11px; font-family: Verdana, Arial; color: #999; background: #FFF; margin: 0px; }
div { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
li { padding-top: 8px; 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;  }
.clear { clear: both; }
.toright { float: right	}
.toleft { float: left }

/*** LINKI ***/
a { color: #0A77CA; text-decoration: none; font-weight: bold; }
a:hover { color: #0A77CA; text-decoration: underline; }

/*** ALERT ***/
div.info-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:11px; font-weight: bold; font-family: Arial, Verdana; }
textarea { width: 350px; height: 100px; }

/*** xFORM ***/
table.xform { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
table.xform tr td { padding: 2px; }
table.xform tr td.xformname { font-weight: bold; text-align: right; border-bottom: 1px solid #EEE; background: #F9F9F9; }
table.xform tr td.xformvalue { border-bottom: 1px solid #EEE; background: #F9F9F9; }
table.xform tr td.errorname { background: #CA0000; color: #FFF; text-align: right; font-weight: bold; }
table.xform tr td.errorvalue { background: #CA0000; color: #FFF; }

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

/*** PATH ***/
ul#path { margin: 0px; padding: 0px; list-style: none; }
ul#path li { margin: 0px; padding: 0px; float: left; }
ul#path li a { display: block; padding: 2px 10px; background: url(../../images/point.gif) no-repeat 0px 50%; }
ul#path 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: #82BDEE; text-decoration: none; font-size: 9px; }
div#webton a.stron { color: #82BDEE; font-size: 10px; }

/*** TABLES ***/
tr.head td { background-color: #2262A2; color: #FFF; font-size: 14px; font-family: Arial, Verdana; font-weight: bold; }
tr.field td { background-color: #858795; font-size: 11px; color: #FFF; font-weight: bold; text-align: center; }
tr.panel td { background-color: #858795; font-size: 12px; color: #FFF; font-weight: bold; text-align: left; }
tr.bright td { background-color: #F1F1F1; }
tr.dark td { background-color: #E8E8E8; }
tr.info td { background-color: #CA0000; color: #FFF; }
.content { background: #FFF; }


/*** MENU ***/
ul.menu, ul.menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul.menu {
	background: url(../images/menutopbg.jpg) no-repeat;
	padding-top: 15px;
	}

ul.menu li {
	margin: 0px 15px 0px 15px;
	padding: 5px 0px;
	border-bottom: 1px dotted #FFF;
	}

ul.menu li a {
	font: normal 11px verdana, tahoma, arial;
	color: #FFF;
	padding-left: 8px;
	text-decoration: none;
	background: url(../images/menupoint.gif) no-repeat 0px 5px;
	}

ul.menu li a:hover {
	color: #C4DAEA;
	}
ul.menu li.menuend {
	width: 200px;
	height: 21px;
	background: url(../images/menuend.jpg) no-repeat;
	border: none;
	margin: 0px;
	padding: 0px;
	}

ul.menu li ul.sub  {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	margin-left: 10px;
	}

ul.menu li ul.sub li {
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	}


/*** LAYOUT ***/

#topbox, #logosy, #mainbox, #bottombox {
	margin: 0px auto;
	width: 960px;
	}

#bottombox {
	font: normla 11px verdana, tahoma;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	}

#topbox {
	height: 190px;
	background: url(../images/top.jpg) no-repeat;
	}

#logosy {
	margin-top: 15px;
	margin-bottom: 15px;
	height: 82px;
	background: url(../images/logosy.jpg) no-repeat;
	}

#logostable {
	width: 960px;
	height: 82px;
	}

.logosep {
	width: 1px;
	height: 82px;
	background: url(../images/logosep.gif) no-repeat;
	}

#logostable tr td {
	text-align: center;
	vertical-align: middle;
	}

#mainbox {
	}

#leftside {
	float: left;
	width: 200px;
	}

#rightside {
	float: right;
	width: 200px;
	}

#centerside {
	margin: 0px 220px 0px 220px;
	padding-top: 10px;
	}

.paneltop {
	width: 200px;
	height: 38px;
	background: url(../images/panelbg.gif) repeat-x;
	margin: 4px 0px;
	}

.panelname {
	margin: 0px;
	padding: 10px 5px 0px 12px;
	height: 28px;
	background: url(../images/panelstart.jpg) no-repeat;
	font: normal 14px arial, verdana;
	}

.menubox {
	margin-bottom: 20px;
	width: 200px;
	background: url(../images/menubg.jpg) repeat-y;
	}

#koszykpaneltop {
	margin-top: 4px;
	width: 180px;
	height: 18px;
	background: url(../images/koszyktop.jpg) no-repeat;
	padding: 10px;
	font: normal 14px arial, verdana;
	color: #FFF;
	}

#koszykbox {
	width: 180px;
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px dotted #484C52;
	margin-bottom: 10px;
	}

#koszykbox a
{
	text-decoration: none;
	color: #444;
}
#koszykbox a:hover
{
	text-decoration: underline;
}

.mainhead {
	border-bottom: 1px dotted #245B97;
	color: #245B97;
	font: normal 15px arial, verdana, tahoma;
	padding-left: 10px;
	padding-bottom: 3px;
	background: url(../images/point.gif) no-repeat 0px 6px;
	}

div.mainpath
{
	width: 500px;
	height: 30px;
}
div.mainpath ul {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #245B97;
	padding-bottom: 3px;
	list-style: none;
	margin-bottom: 10px;
	}
div.mainpath ul li
{
	padding-left: 10px;
	padding-right: 8px;
	float: left;
	background: url(../images/point.gif) no-repeat 0px 14px;
}
div.mainpath ul li a {
	color: #245B97;
	font: normal 15px arial, verdana, tahoma;
	text-decoration: none;
	}

div.mainpath ul li a:hover {
	color: #6F6F6F;
	}

#listaprzedmiotow {
	width: 500px;
	margin: 0px auto;
	}

.itembox {
	width: 500px;
	background: url(../images/itembg.gif) repeat-y;
	margin: 5px 0px;
	}

.itemtop, .itembottom {
	width: 500px;
	height: 12px;
	background: url(../images/itemtop.gif) repeat-x;
	overflow: hidden;
	}

.itembottom {
	background: url(../images/itembottom.gif) repeat-x;
	}

.itemphoto {
	float: left;
	}

.itemphoto img {
	padding: 1px;
	margin: 10px;
	border: 1px solid #BBB;
	}

.itemname {
	font: bold 11px verdana, tahoma;
	color: #245B97;
	margin: 0px;
	padding: 0px;
	margin-left: 200px;
	padding-top: 4px;
	}

.itemdesc {
	margin-left: 200px;
	padding-top: 4px;
	margin-right: 14px;
	padding-bottom: 25px;
	}

.itempricebox {
	margin: 15px 14px 5px 200px;
	font-size: 10px;
	}

.price {
	font: bold 15px trebuchet ms, verdana;
	color: #2262A2;
	}

#bottomoutbox {
	margin-top: 10px;
	height: 70px;
	background: url(../images/bottomout.jpg) repeat-x;
	}

#loginmenu, #loginmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#loginmenu {
	margin-left: 870px;
	padding-top: 50px;
	}

#loginmenu li {
	padding: 3px;
}

#loginmenu li a {
	font: normal 11px tahoma, verdana;
	color: #245B97;
	text-decoration: none;
	}

#loginmenu li a:hover {
	text-decoration: underline;
	}

#searchtable {
	margin: 10px 0px 0px 150px;
	}

div.ass-description ul
{
	margin: 5px 0px;
	padding: 0px;
	list-style: none;
}
div.ass-description ul li
{
	padding: 2px 10px;
	background: url(../images/point.gif) no-repeat 0px 8px;
}

td.ass-pics a img
{
	padding: 1px;
	margin: 5px;
	border: 1px solid #777;
}