* { margin: 0; padding:0;}

body
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	color: #000;
	margin: auto;
	background: repeat url(../gfx/bg.jpg);
}

#wrapper
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background:#FFFFFF;
}

#keywords
{
	background:#ED2729;
	border-bottom: 2px solid #FFF;
	height: 16px;
}

#keywords h1
{
	color: #FFF;
	font-size: 75%;
	font-weight:normal;
	text-align:center;
}

#header
{
	height: 120px;
	color:#CCC;
}

#logo
{
	width: 350px;
	height: 115px;
	padding-left: 20px;
}

#icons
{
	position:relative;
	float:right;
	padding-right: 20px;
}

#icons ul { list-style-type:none; }

#icons ul li { float:left; }

#icons img { border:none; }

#menu ul li { float:left; }

#container { margin: 0 auto; padding: 0;}

#content { 	margin:0; padding: 0;}

#middle { padding: 0 0 0 15px; }

* html div {overflow-x: hidden;} /**** naprawia float right ie6 bug ***/

#left {
	padding: 30px 0 0 0;
	float:left;
	width:490px;
	margin: 0;
}

#right {
	padding: 30px 10px 0 0;
	float:right;
	width:380px;
	margin: 0;
}

#footer
{
	height: 120px;
	color:#CCC;
	width: 900px;
}

#info
{
	color: #627EB7;
	font-size: 70%;
	width: 300px;
	padding-left: 40px;
}

#info span.id
{
	font-weight:bold;
	width: 50px;
	text-align:right;
	display:inline-block
}

#info value.span
{
	width: 50px;
	display:inline-block
}

#nav ul li { float:left; }

#addr
{
	color: #627EB7;
	float: right;
	padding-right: 30px;
	margin: 0;
}

#addr p { text-align: right; margin: 0;}

/****** tresci *****/
.inner { padding: 0 0 10px 10px; margin: 0;}

.inner h2
{
	font-size: 90%;
	margin: 5px 0 5px 4px;
	color:#990000;
}

p
{
	font-size: 80%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 5px;
	padding-bottom: 3px;
}

.more a
{
	padding: 10px 0;
	color:#990000;
	font-weight:bold;
	text-decoration:none;
	text-align: right;
}

.more a:hover
{
	padding: 10px 0;
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
	text-align: right;
}

.title
{
	background:url(../gfx/title/title_blue.gif) no-repeat;
	font-size: 80%;
	height: 41px;
	padding: 4px 0 0 8px;
	margin: 0;
}

.title2
{
	background:url(../gfx/title/title_yellow.gif) no-repeat;
	font-size: 80%;
	height: 41px;
	padding: 4px 0 0 8px;
	margin: 0;
}

.title3
{
	background:url(../gfx/title/title_red.gif) no-repeat;
	font-size: 80%;
	height: 41px;
	padding: 4px 0 0 8px;
}

.swf { padding: 10px 10%; }

.jpg { padding: 10px 20%; }

.cleaner
{
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
	clear:both;
}

/****** menu *******/
#menu
{
	float:left;
	width:100%;
	font-size:70%;
	font-weight:bold;
	line-height:normal;
	border-bottom:1px solid #BCD2E6;
}

#menu ul
{
	margin:0;
	padding:0 10px 0 125px;
	list-style:none;
}

#menu li
{
	display:inline;
	margin:0;
	padding:0;
}

#menu a
{
	float:left;
	background:url(../gfx/tableft1.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#menu a span
{
	float:left;
	display:block;
	background:url(../gfx/tabright1.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span { float:none; }

/* End IE5-Mac hack */
    #tabs a:hover span { color:#627EB7; }

#menu a:hover { background-position:0% -42px; }

#menu a:hover span
{
	background-position:100% -42px;
	color:#FFF;
}

#nav
{
	width: 100%;
	height: 30px;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding-bottom: 10px;
	border-top: 1px solid #627EB7;
}

#nav ul { margin:0 auto; }

#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#nav a:link, #nav a:visited
{
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 15px;
	text-decoration: none;
	color: #627EB7;
}

#nav a.active:link, #nav a.active:visited, #nav a:hover
{
	border-top: 4px solid #627EBC;
	padding-top: 2px;
	color: #333;
}

/***** tooltip *****/
.tool-tip
{
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title
{
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	text-align: center;
	color: #FFF;
	padding: 8px 8px 4px;
	background: url(../gfx/tooltip.png) top left;
}

.tool-text
{
	font-size: 11px;
	padding: 4px 13px 8px;
	background: url(../gfx/tooltip.png) bottom right;
}

.tool-text A { color:#069; }

.tool-loading
{
	background: url(http://www.uhleeka.com/dev/mootips/images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

/***** links ****/
#links ul
{
	padding: 0 3px;
	margin: 0;
	list-style-type: none;
	width: 362px;
}

#links li
{
	border: 1px dotted #999;
	border-width: 1px 0;
	margin: 5px 0;
}

#links li a
{
	color: #990000;
	display: block;
	font: bold 80% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
	text-align:justify;
}

* html #links li a {  /* make hover effect work in IE */ width: 360px; }

#links li a:hover { background: #FCF6D6; }

#links a em
{
	color: #333;
	display: block;
	font: normal 95% Verdana, Helvetica, sans-serif;
	line-height: 125%;
}

#links a span
{
	color: #6B7EB7;
	font: normal 80% Verdana, Helvetica, sans-serif;
	line-height: 150%;
}

#box1 { position:absolute; }

#box1 span
{
	display:block;
	float:left;
	padding: 0 5px;
}

.mask1
{
	margin: 20px 0 0 20px;
	position:relative;
	width:276px;
	height:150px;
	overflow:hidden;
}

#box2 { position:absolute; }

#box2 span
{
	display:block;
	float:left;
}

.mask2
{
	margin: 5px 0 7px 20px;
	position:relative;
	width:276px;
	height:122px;
	overflow:hidden;
}

span img
{
	display:block;
	border:none;
}

.default {
cursor:default;
}