/*ogólne*/
html,body{
margin:0;
padding:0;
}
body{
	background: #ececec;
	text-align: center;
	scrollbar-arrow-color: #D3D3D3;
	scrollbar-3dlight-color: #F3F2F7;
	scrollbar-base-color: #DCDCDC;
	scrollbar-face-color: White;
	scrollbar-track-color: #FBFAFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #F3F2F7;
}
img{
border: 0;
}
.{
margin: 0;
padding: 0;
}

/*box*/
div#main{
position: relative;
width:794px;
margin: 0 auto;
padding: 0 0 0 0;
background: url('grafika/back.gif') repeat-y; 
}
div#top{
position: relative;
width:794px;
height: 8px;
margin: 0 auto;
padding: 0 0 0 0;
background: url('grafika/top.gif') no-repeat bottom; 
}
div#bottom{
position:relative;
margin: 0 auto;
padding: 0;
height:7px;
width:794px;
background: url('grafika/bottom.gif') no-repeat top;
}
div#left{
width: 791px;
height: 594px;
margin: 0px 0px 0px 4px;
background: url('grafika/left.jpg') no-repeat left;
}
div#left2{
width: 791px;
height: 594px;
margin: 0px 0px 0px 4px;
background: url('grafika/left2.jpg') no-repeat left;
}
div#head{
position: absolute;
left: 51px;
top: 0px;
height: 60px;
width: 513px;
background: url('grafika/head.gif') no-repeat bottom;
}

div#ahk{
	position: absolute;
	right: 21px;
	top: 25px;
	height: 48px;
	width: 75px;
}

div#fota{
position: absolute;
left: 51px;
top: 60px;
}
div#menu{
position: absolute; 
bottom: 0px;
left: 4px;
height: 80px;
}
div#start{
position: absolute; 
top: 0 px;
left: 124px;
}
div#text{
	position: absolute;
	left: 124px;
	top: 60px;
	width: 620px;
	height: 415px;
	margin: 20px 30px 5px 20px;
	text-align: left;
	overflow: auto;
	padding: 0 10px 0 0;
}
img#poddruk{
position: absolute;
right: 7px;
bottom: 75px;
margin: 0;
padding: 0; 
}
img#mapa{
position: absolute;
right: 30px;
top: 90px;
margin: 0;
padding: 0; 
}
hr {
position: absolute; 
bottom: 80px;
right: 7px;
border: 0;
width: 755px;
background-color: #cccccc;
color: #cccccc;
height: 2px;
margin: 0;
padding: 0;
}

/*tekst*/
p{
	text-align: justify;
	font: normal normal 100 11px/16px Verdana, Arial, sans-serif;
	color: #505050;
	padding: 0;
	margin: 0;
}
b{ 
color: #505050;
font-weight: 700;
}
h1{
text-align: right;
font:500 normal normal 30px "Times New Roman", serif;
color: #003366;
font-stretch: extra-expanded;
margin: 18px 0px 0px 0px;
}
ul{ 
list-style: disc outside;
text-align: left;
font:100 normal normal 11px/16px Verdana;
padding:10px 15px 0px 15px;
margin:0 15px 0px 15px;
color: #505050;
}
a:link {
text-decoration: none;
color: #003366; 
}
a:hover { 
color: #FFCC33; 
text-decoration: none;
}
a:visited {
text-decoration: none;
}

/*przycisk*/
div#button {
background: url('grafika/download.gif') no-repeat left;
width:250px;
height:45px;
padding: 0px 0px 0px 50px;
margin: 20px 0px 20px 0px;
text-align: left;
font:700 normal normal 11px/140% Verdana, Arial, sans-serif;
}

span#rozwin{
display: none;
}

div.rozwin{
	text-align: center;
	font: normal normal 100 11px/16px Verdana, Arial, sans-serif;
	color: #505050;
	padding: 0;
	margin: 0;
  display: none;
}


.new_hint {
     border:1px solid #8EA6CF;
     background: #e5efff;
     width: 250px;
     position:absolute;
     font: 11px Verdana,Arial,sans-serif;
     text-align: justify;
}

.new_hint div{
     background: #6a7b99;
     color: #FFFFFF;
     font-weight: bold;
     width: 240px;
     padding: 2px 5px;  
     margin: 0;
}

.new_hint span{
display: block;
margin: 2px 5px;
padding: 0;
font-size: 11px;
}

.tooltip{
border: none;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}