body {
background-color: #69c;
background-image:url(tlo.png);
background-attachment: fixed;
background-repeat: repeat;  
}

#container
{
width: 100%;
margin: 10px auto;
background-color: #fff;
background-image:url(tlopra.png);
color: #333;
border: 3px solid #006699;
}

#top
{
padding: .5em;
background-color: #06C;
border-bottom: 1px solid gray;
height: 82px;
background-image:url(logo.png);
background-repeat:no-repeat;
}

#top img{
display: block;
z-index: 100;
}

#top img.a{
position: absolute; top: 20px; left: 200px;
}
#top img.b{
position: absolute; top: 60px; left: 310px;
}
#top img.c{
position: absolute; top: 8px; left: 390px;
}
#top img.d{
position: absolute; top: 85px; left: 420px;
}
#top img.e{
position: absolute; top: 4px; left: 500px;
}
#top img.f{
position: absolute; top: 55px; left: 530px;
}
#top img.g{
position: absolute; top: 10px; left: 600px;
}
#top img.h{
position: absolute; top: 40px; left: 700px;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding-left: 1em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 48em;
min-height: 655px;
}

#content div{
padding: 1em;
text-align: justify;
overflow:auto;
height:auto;
}

#content div h2,h4{
text-align: right; 
}

#content div span{
font-weight: bold; 
}

#content div h5{
text-align: right;
color:#808080;
}

#content div.bialy{
background-color:white;
}

#content div a{
padding: 2px;
text-decoration: none;
color: black;
}
#content div a:hover{
text-decoration: none;
color: #2586d7;
}

#content div.szary{
background-color:#e8e8e8;
text-decoration: none;
}

#content div img{
float: left;
margin: 4px;
}

#content table.master{
border-style: double;
border-color: white;
background-color:#0080c0;
}

#content table.wew{
width: 100%;
background-color:white;
}

#content table.wew tr:hover{
background-color:lightblue;
}

#content table.wew td.dwn a{
text-decoration:none;
color: black;
display: block;
}

#content table.wew td{
border-style: solid;
border-width: 1px;
border-color: #2175bc;
}

#content table.wew td.typ{
min-width: 100%;
text-align: center;
font-size: small;
}

#content table.wew td.typa{
width: 205px;
max-width: 205px;
min-width: 205px;
text-align: justify;
font-size: small;  
}

#content table.wew td.typb{
width: 315px;
max-width: 315px;
min-width: 315px;
text-align: justify;
font-size: small; 
}

#content table.wew td.typc{
text-align: right;
font-size: small; 
}

#content table.wew td.typ a{
text-decoration: none;
font-size: medium;
}

#content table.wew a:hover{
background-color:white;
color:red;
}


#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }

#active a
{
display: block;
color: #FFF;
background-color: #699;
width: 9em;
padding: .2em .8em;
text-decoration: none;
}


/* CSS Tabs */
#button {
        width: 16em;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Tahoma, Arial, sans-serif;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size : 10px;
        background-color: #90bade;
        color: #333;
        }

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #button li {
                border-bottom: 1px solid #90bade;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }
								
				#button li a span{
								display: none;
								}
								
				#button li div{
								display: none;
								}
								
											
				#button li div.oddzial div{
								margin: 0px 0px 0px 15px;
								padding: 0px;
								}
				
								

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }
								
				#button li a:hover span{
								display: block;
								position: absolute; top: 130px; left: 30px; width: 125px; height: 76px;
								padding: 5px; margin: 10px; z-index: 100;
								color: black; background: #90bade;
								font: 10px Tahoma, Arial, sans-serif; text-align: center;
								}

				#button li:hover div{
				display: block;
				padding: 5px; margin: 10px; z-index: 100;
				color: black; background: #90bade;
				font: 10px Tahoma, Arial, sans-serif; text-align: center;
				}
				
				#button li:hover div.oddzial{
				position: absolute; top: 240px; left: 170px; width: 170px;
				}
				
				#button li:hover div.poradnie{
				position: absolute; top: 320px; left: 170px; width: 170px;
				}
				
				#button li:hover div.przetargi{
				position: absolute; top: 500px; left: 170px; width: 170px;
				}
				
				#button li:hover div.cennik{
				position: absolute; top: 680px; left: 170px; width: 170px;
				}
				
																
        #button li #active {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 230px;
	height: 200px;
}
