/* -------------
   CSS - ZKM 
------------- */

body
{
	background: url(gfx/bg-body.gif) repeat-x top center #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #505050;
	margin: 0px;
}
div#wrap
{
	width: 920px;
	margin: 0px auto;
}
div#logo
{
	height: 460px;
	width: 140px;
	float: left;
	background: url(gfx/logo.gif) no-repeat;
	background-position: 6px 110px;
}
div#container
{
	width: 770px;
	float: right;
}
div#up
{
	width: 770px;
	height: 80px;
	background: url(gfx/logo-text.gif) no-repeat;
	background-position: 0px 7px;
}
div#top
{
	width: 770px;
	height: 285px;
	background: url(gfx/bg-corner.gif) no-repeat left top;
}
div#main
{
	width: 770px;
	margin-bottom: 50px;
	margin-top: 15px;
}
div#main p
{
	line-height: 18px;
	text-align: justify;
}


div#footer
{
	width: 770px;
	height: 50px;
	background: url(gfx/bg-footer.gif) no-repeat center top #fff;
	margin-bottom: 30px;
	font-size: 9px;
	color: #cfcfcf;
}

/* -- menu logo
------------------------------------- */

div#logo div.zegar
{
	margin: 290px 15px 0px 0px;
	padding: 0px;
	float: right;
	
}

div#logo div.sonda
{
	margin: 70px 10px 0px 0px;
	padding: 0px;
	float: right;
	
}
/* -- menu up
------------------------------------- */

div#up ul
{
	margin: 9px 0px 0px 0px;
	padding: 0px;
	float: right;
}
div#up ul li
{
	float: left;
	padding: 0px;
	list-style: none;
	margin-left: 13px;
}
div#up ul li a
{
	display: block;
	height: 33px;
}
div#up ul li a.info
{
	width: 120px;
	background: url(gfx/li-info.gif) no-repeat center center;
}
div#up ul li a.przetargi
{
	width: 75px;
	background: url(gfx/li-przetargi.gif) no-repeat center center;
}
div#up ul li a.dokumenty
{
	width: 87px;
	background: url(gfx/li-dokumenty.gif) no-repeat center center;
}

div#up ul li a.linki
{
	width: 87px;
	background: url(gfx/li-linki.gif) no-repeat center center;
}
div#up ul li a.mapa
{
	width: 93px;
	background: url(gfx/li-mapa.gif) no-repeat center center;
}

div#up ul li a.przetargi
{
	width:75px;
	background: url(gfx/li-przetargi.gif) no-repeat center center;
}
div#up ul li a.praca1
{
	width: 84px;
	background: url(gfx/li-praca1.gif) no-repeat center center;
}
/* -- menu top
------------------------------------- */

div#top div.left
{
	width: 200px;
	float: left;
	margin-top: 25px;
}
div#top div.left ul
{
	margin: 0px;
	padding: 0px;
}
div#top div.left ul li
{
	list-style: none;
	padding: 0px;
	float: right;
}
div#top div.left ul li a
{
	width: 150px;
	height: 32px;
	display: block;
	margin: 5px 0px 5px 0px;
}
div#top div.left ul li a.wiadomosci
{
	background: url(gfx/menu-wiadomosci.gif) no-repeat #fff;
}
div#top div.left ul li a.rozklad
{
	background: url(gfx/menu-rozklad.gif) no-repeat #fff;
}
div#top div.left ul li a.ceny
{
	background: url(gfx/menu-ceny.gif) no-repeat #fff;
}
div#top div.left ul li a.kontakt
{
	background: url(gfx/menu-kontakt.gif) no-repeat #fff;
}
div#top div.left ul li a.forum
{
	background: url(gfx/menu-forum.gif) no-repeat #fff;
}
div#top div.left ul li a.ankieta
{
	background: url(gfx/menu-ankieta.gif) no-repeat #fff;
}

div#top div.left ul li a.praca
{
	background: url(gfx/menu-praca.gif) no-repeat #fff;
}

div#top div.left ul li a.wiadomosci:hover, 
div#top div.left ul li a.rozklad:hover,
div#top div.left ul li a.ceny:hover,
div#top div.left ul li a.kontakt:hover,
div#top div.left ul li a.forum:hover,
div#top div.left ul li a.ankieta:hover, 
div#top div.left ul li a.praca:hover,
{
	background-position: 0px -32px;
}

div#top div.left ul li a.wiadomosci-aktywne
{
	background: url(gfx/menu-wiadomosci.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.rozklad-aktywne
{
	background: url(gfx/menu-rozklad.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.ceny-aktywne
{
	background: url(gfx/menu-ceny.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.kontakt-aktywne
{
	background: url(gfx/menu-kontakt.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.forum-aktywne
{
	background: url(gfx/menu-forum.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.ankieta-aktywne
{
	background: url(gfx/menu-ankieta.gif) no-repeat #fff;
	background-position: 0px -64px;
}
div#top div.left ul li a.praca-aktywne
{
	background: url(gfx/menu-praca.gif) no-repeat #fff;
	background-position: 0px -64px;
}


div#top div.right
{
	width: 555px;
	height: 240px;
	float: right;
	margin-top: 30px;
}

/* -- aktualnosci
------------------------------------- */

div#main div.news
{
	padding-top: 15px;
	clear: both;

}
div#main div.date
{
	width: 40px;
	float: left;
}
div#main span.day
{
	background: #F0F0F0;
	text-align: center;
	width: 34px;
	font-size: 18px;
	color: #989898;
	display: block;
	line-height: 22px;
	padding: 3px 0px;
}
div#main span.month
{
	background: #eb7243;
	width: 34px;
	color: #fff;
	line-height: 13px;
	display: block;
	font-size: 9px;
	text-align: center;
	border-top: 1px solid #fff;
}
div#main div.entry
{
	float: left;
	width: 724px;
	padding-left: 5px;
	border-left: 1px solid #f2f2f2;
	margin-bottom: 25px;
}
div#main div.entry h2
{
	font-size: 18px;
	color: #db4105;
	padding: 0px;
	margin: 0px;
	letter-spacing: -1px;
	font-weight: normal;
}
div#main div.entry h2 a
{
	color: #db4105;
	text-decoration: none;
}
div#main div.entry h2 a:hover
{
	text-decoration: underline;
}
div#main div.entry p
{
	margin: 8px 0px;
	padding: 0px;

}
div#main span.more
{
	border-top: 1px solid #f2f2f2;
	padding: 5px 0px;
	display: block;
}
div#main span.more a
{
	color: #65c5df;
	text-decoration: none;
}
div#main span.more a:hover
{
	text-decoration: underline;
}
div#main div.page
{
	text-align: right;
}
div#main div.page a img
{
	border: none;
}
div#main span.dot
{
	padding: 0px 10px;
}

/* -- podstrona
------------------------------------- */

div#subpage-kontakt
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-kontakt.gif) no-repeat right top #fff;
}
div#subpage-rozklad
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-rozklad.gif) no-repeat right top #fff;
}
div#subpage-ceny
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-ceny.gif) no-repeat right top #fff;
}
div#subpage-forum
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-forum.gif) no-repeat right top #fff;
}
div#subpage-ankieta
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-ankieta.gif) no-repeat right top #fff;
}
div#subpage-mapa
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-mapa.gif) no-repeat right top #fff;
}
div#subpage-info
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-informacje.gif) no-repeat right top #fff;
}
div#subpage-przetargi
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-przetargi.gif) no-repeat right top #fff;
}
div#subpage-dokumenty
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-dokumenty.gif) no-repeat right top #fff;
}
div#subpage-galeria
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-galeria.gif) no-repeat right top #fff;
}
div#subpage-wyniki
{
	float: left;
	width: 45px;
	height: 240px;
	background: url(gfx/sub-wyniki.gif) no-repeat right top #fff;
}
div#subpage-formularz
{
	float: left;
	width: 45px;
	height: 250px;
	background: url(gfx/sub-formularz.gif) no-repeat right top #fff;
}
div#subpage-praca
{
	float: left;
	width: 45px;
	height: 250px;
	background: url(gfx/sub-praca.gif) no-repeat right top #fff;
}
div#subpage-linki
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-linki.gif) no-repeat right top #fff;
}
div#subpage-informacje
{
	float: left;
	width: 45px;
	height: 300px;
	background: url(gfx/sub-infor.gif) no-repeat right top #fff;
}
div#subpage-organy
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-organy.gif) no-repeat right top #fff;
}
div#subpage-zasady
{
	float: left;
	width: 45px;
	height: 300px;
	background: url(gfx/sub-zasady.gif) no-repeat right top #fff;
}
div#subpage-regulamin
{
	float: left;
	width: 45px;
	height: 250px;
	background: url(gfx/sub-regulamin.gif) no-repeat right top #fff;
}
div#subpage-puzzle
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/sub-puzzle.gif) no-repeat right top #fff;
}
div#subpage-modele
{
	float: left;
	width: 45px;
	height: 300px;
	background: url(gfx/sub-modele.gif) no-repeat right top #fff;
}
div#subpage-skargi
{
	float: left;
	width: 45px;
	height: 200px;
	background: url(gfx/skargi.gif) no-repeat right top #fff;
}
div#subpage
{
	width: 705px;
	border-left: 1px solid #f2f2f2;
	padding: 0px 0px 5px 10px;
	margin-left: 5px;
	float: left; 
}
div#subpage p
{
	padding: 0px;
	margin: 3px 0px 10px 0px;
}
div#subpage h3
{
	padding: 2px 0px;
	margin: 0px 0px 11px 0px;
	color: #65C5DF;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#subpage h4
{
	padding: 2px 0px;
	margin: 0px 0px 5px 0px;
	color: #db4105;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#main div.clear
{
	clear: both;
}

/* -- formularze
------------------------------------- */

div#main input, div#main textarea
{
	padding: 3px;
	border: 1px solid #e7e7e7;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #838383;
}
div#main input:hover, div#main textarea:hover, div#main input:focus, div#main textarea:focus
{
	border-color: #bfbfbf;
	color: #505050;
}
div#main input.submit
{
	background-color: #eb7243;
	color: #fff;
	border-color: #cb4c1b;
	display: block;
	margin-top: 3px;
	padding: 2px;
}
div#main input.submit:hover
{
	background: #dd6334;
}



/* -- stopka
------------------------------------- */

div#footer div.left
{
	width: 220px;
	height: 50px;
	float: left;
}
div#footer div.left p
{
	margin: 12px 0px 0px 13px;
	padding: 0px;
	letter-spacing: -1px;
}
div#footer div.left p a
{
	color: #65c5df;
	text-decoration: underline;
}
div#footer div.right
{
	width: 545px;
	height: 50px;
	float: right;
}
div#footer div.right p
{
	margin: 18px 0px 0px 13px;
	padding: 0px;
	letter-spacing: -1px;
}
div#footer div.right p a
{
	color: #db4105;
	text-decoration: none;
}
div#footer div.right p a:hover
{
	text-decoration: underline;
}

/* -- linki
------------------------------------- */

div#subpage a
{
	color: #db4105;
	text-decoration: none;
	border-bottom: 1px solid #db4105; 
}
div#subpage a:hover
{
	background: #db4105;
	color: #fff;
}

/* -- cennik - tabelki
------------------------------------- */

div#main table
{
    border-color: #d9d9d9;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
	margin: 8px 0px 22px 0px;
}

div#main td
{
    border-color: #d9d9d9;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;;
    padding: 4px;
}