/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; color: #4B566D; background: #FFF url(../images/bg.gif) repeat-x; margin: 0px; }
body.cms { font-size: 12px; font-family: Verdana, Arial; color: #999999; background: #FFFFFF; margin: 0px; }
div { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
h1 { margin: 0px 0px 0px 0px; font-size: 15px; font-weight: normal; color: #002459; font-family: trebuchet ms, verdana, arial; }
h2 { margin: 15px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #666666; font-family: arial, verdana; }
h3 { margin: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #666666; font-family: arial, verdana; }
p { margin: 0px; padding: 0px; border: none; }
.clear { clear: both; }
.toright { float: right	}

/*** LINKI ***/
a { font: normal 11px verdana; text-decoration: none; color: #00787B;}
a:hover { color: #00787B; 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; }
table.xform tr td.errorinfo { background: #CA0000; color: #FFF; text-align: right; font-weight: bold; border-top: 1px solid #FFF; text-align: left; }

/*** 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: #CCC; text-decoration: none; font-size: 9px; }
div#webton a.stron { color: #F7A5A5; font-size: 10px; }

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



/*** MENU ***/

#leftside ul, #leftside ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#leftside ul
{
	border-bottom: 1px dotted #ABB5CB;
	margin: 15px 4px 10px 0px;
}
#leftside ul li
{
	padding: 3px 0px 3px 12px;
	background: url(../images/leftpoint.gif) no-repeat 0px 11px;
	border-top: 1px dotted #ABB5CB;
}
#leftside ul li a
{
	display: block;
	color: #4B566D;
	padding: 2px;
}
#leftside ul li a.on
{
	font-weight: bold;
}
#leftside ul.sub li
{
	border: none;
	padding: 3px 0px 3px 12px;
	background: url(../images/leftpoint.gif) no-repeat 0px 9px;
}
#leftside ul.sub li a
{
	border: none;
	font-size: 10px;
}
#leftside ul.sub
{
	margin: 1px 20px 1px 0px;
	border: none;
}
#leftside ul li a:hover
{
	color: #00787B;
}

#bottombox ul li a {
	color: #7382A2;
	padding: 0px 5px;
	}

table#menu {
	position: absolute;
	top: 68px;
	right: 0px;
	background: url(../images/menubg.jpg) no-repeat;
	width: 571px;
	height: 52px;
	text-align: center;
	}

table#menu tr td a {
	font-size: 12px;
	color: #FFF;
	}

table#menu tr td.active {
	background: url(../images/menubgactive.jpg) no-repeat top center;
	}

table#menu tr td.active a {
	color: #043C43;
	font-weight: bold;
	}

table#menu tr td.sep {
	width: 4px;
	height: 52px;
	background: url(../images/topsep.gif) no-repeat;
	}


/*** LAYOUT ***/

#topbox {
	margin: 0px auto;
	width: 920px;
	position: relative;
	top: 0px;
	left: 0px;
	}

a#logo {
	display: block;
	width: 224px;
	height: 52px;
	padding: 20px 0px 21px 0px;
	border: 1px soldi red;
	}

#searchbox {
	float: right;
	padding-top: 10px;
	font-size: 11px;
	}

#pagename {
	width: 700px;
	padding-left: 220px;
	padding-top: 20px;
	height: 34px;
	background: #FFF url(../images/pathbg.jpg) no-repeat;
	border-bottom: 1px solid #DEDEDE;
	}

#pagename a
{
	padding: 0px 10px;
	background: url(../images/point.gif) no-repeat left center;
}

#mainbox {
	width: 920px;
	margin: 0px auto;
	}

#leftside {
	float: left;
	width: 200px;
	background: url(../images/corner.jpg) no-repeat top right;
	padding-bottom: 20px;
	}

#leftside p {
	color: #002459;
	padding: 20px 0px 5px 0px;
	font-size: 120%;
	}

a#newconnect {
	display: block;
	width: 180px;
	height: 105px;
	background: #F0F6FC;
	border: 1px solid #ACB6CC;
	text-align: center;
	padding-top: 5px;
	}

#centerside {
	background: #FFF;
	margin-left: 200px;
	padding: 20px;
	min-height: 200px;
	}

#infolinia {
	clear: both;
	width: 920px;
	height: 26px;
	}

#bottombox {
	color: #7382A2;
	margin: 0px auto;
	width: 920px;
	margin-top: 10px;
	border-top: 1px solid #ABB5CB;
	padding-top: 10px;
	}

#bottombox p {
	width: 440px;
	font-size: 11px;
	text-align: right;
	float: right;
	}

#bottombox ul, #bottombox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	}

div#home-page img
{
	border: none;
	padding: 2px;
}