

body{
margin: 0;
padding: 0;
background-color: #f2f1e6;
behavior: url(csshover.htc);
}

div#bl{
top: 0;
left: 0;
width: 50%;
height: 246px;
position: absolute;
}

div#brzeglewy1{
top: 0;
left: 0;
width: 100%;
height: 30px;
background: url(jpgi/brzeg_05.jpg) 0 0;
position: absolute;
}

div#brzeglewy2{
top: 30px;
left: 0;
width: 100%;
height: 170px;
background: url(jpgi/brzeg_10.jpg) 0 0;
position: absolute;
}

div#brzeglewy3{
top: 200px;
left: 0;
width: 100%;
height: 46px;
background: url(jpgi/brzeg_11.jpg) 0 0;
position: absolute;
}

div#bp{
top: 0;
right: 0;
width: 50%;
height: 246px;
position: absolute;
}

div#brzegprawy1{
top: 0;
right: 0;
width: 100%;
height: 30px;
background: url(jpgi/brzeg_05.jpg) 0 0;
position: absolute;
}

div#brzegprawy2{
top: 30px;
right: 0;
width: 100%;
height: 170px;
background: url(jpgi/brzeg_10.jpg) 0 0;
position: absolute;
}

div#brzegprawy3{
top: 200px;
right: 0;
width: 100%;
height: 46px;
background: url(jpgi/brzeg_14.jpg) 0 0;
position: absolute;
}

div#container{
width: 780px;
height: 1800px;
margin: 0 auto 0;
padding: 0;
background-color: #fefff9;
position: relative;
z-index:3;
}

div#lewy{
top: 0;
left: 0;
width: 40px;
height: 30px;
background: url(jpgi/brzegi_02.jpg) 0 0 no-repeat;
position: absolute;
}

div#prawy{
top: 0;
right: 0;
width: 40px;
height: 30px;
background: url(jpgi/brzegi_04.jpg) 0 0  no-repeat;
position: absolute;
}

div#lewy1{
top: 30px;
left: 0;
width: 40px;
height: 170px;
background: url(jpgi/brzeg_10.jpg) 0 0 no-repeat;
position: absolute;
}

div#prawy1{
top: 30px;
right:0;
width: 40px;
height: 170px;
background: url(jpgi/brzeg_10.jpg) 0 0 no-repeat;
position: absolute;
}


div#lewy2{
top: 200px;
left: 0;
width: 40px;
height: 46px;
background: url(jpgi/brzegi_08.jpg) 0 0 no-repeat;
position: absolute;
}

div#prawy2{
top: 200px;
right: 0;
width: 40px;
height: 46px;
background: url(jpgi/brzegi_09.jpg) 0 0 no-repeat;
position: absolute;
}

div#lewydol{
top: 246px;
left: 0;
width: 40px;
height: 1565px;
background: url(jpgi/lewy.jpg) 0 0 repeat-y;
position: absolute;
}

div#prawydol{
top: 246px;
right: 0;
width: 40px;
height: 1565px;
background: url(jpgi/prawy.jpg) 0 0 repeat-y;
position: absolute;
}


div#flash{
top: 0;
right: 0;
position: absolute;
}

div#header{
top: 30px;
left: 40px;
height: 170px;
width: 700px;
background: url(jpgi/caly1.jpg) 0 0 no-repeat;
position:absolute;
}

div#logo{
top: 0;
left: -25px;
width: 225px;
height: 170px;
background-color: #fefff9f;
background: url(jpgi/logo.jpg) 15px 0 no-repeat;
position: absolute;
}

div#wstep{
top: 250px;
right: 50px;
width: 480px;
height: 348px;
background:url(jpgi/wstepzastosowanie.jpg) 0 0 no-repeat;
position:absolute;
}

div#wstep2{
top: 595px;
right: 50px;
width: 480px;
height: 348px;
background:url(jpgi/wstepzastosowanie.jpg) 0 0 no-repeat;
position:absolute;
}

div#wstep3{
top: 940px;
right: 50px;
width: 480px;
height: 348px;
background:url(jpgi/wstepzastosowanie.jpg) 0 0 no-repeat;
position:absolute;
}

div#cien{
top: 200px;
left: 40px;
width: 700px;
height: 44px;
background: url(jpgi/cien.jpg) 0 0 repeat-x;
position:absolute;
}

div#cien1{
top: 0;
left: 40px;
width: 700px;
height: 30px;
background: url(jpgi/cien1.jpg) 0 0 repeat-x;
position: absolute;
}
div#wstep4{
top: 1285px;
right: 50px;
width: 480px;
height: 348px;
background:url(jpgi/wstepzastosowanie.jpg) 0 0 no-repeat;
position:absolute;
}
div#teksty{
top:10px;
left:20px;
right:30px;
width:450px;
font-family: tahoma, verdana, sans sefir, arial;
color: #00007D;
word-spacing:2px;
line-height:18px;
font-size: 12px;
position:absolute;
}

div#tabelka{
top:15px;
left:20px;
right:30px;
width:450px;
font-family: tahoma, verdana, sans sefir, arial;
font-size:12px;
color:#000075;
line-height:18px;
position:absolute;
}


div#teksty1{
top:0;
left:0;
width:450px;
height:129px;
position:absolute;
}

div#teksty2{
top:170px;
left:0;
width:450px;
height:140px;
position:absolute;
}

div#teksty li{
list-style:none ;
line-height: 25px;
}



body {
behavior: url(csshover.htc);
}

  
div#nav {
top:235px;
left:40px;
background-color:#FEFFF9;
position:absolute;
}

div#nav ul {
padding: 0;
margin:0;
background-color:#FEFFF9;
}

div#nav li {
padding:0;
margin:0;
position: relative;
list-style: none;
width:150px;
border-bottom:1px #666699;
background-color:#FEFFF9;
}


div#nav li  a {
display: block;
padding: 6px 0 4px 8px;
text-decoration: none;
background-color:#FEFFF9;
}


div#nav ul.level1 li a{
background: url(jpgi/menu1.jpg) 0 0 no-repeat;
width:142px;
}


div#nav ul.level1 li a:hover{
background: url(jpgi/manu1-2.jpg) 0 0 no-repeat;
width:142px;
}


div#nav ul.level2 li a{
background: url(jpgi/menu2.jpg) 0 0  no-repeat;
width:190px;
}

div#nav ul.level2 li a:hover{
background: url(jpgi/menu2-1.jpg) 0 0  no-repeat;
width:190px;
}

div#nav ul.level3 li a{
background: url(jpgi/menu2.jpg) 0 0  no-repeat;
width:190px;
}

div#nav ul.level3 li a:hover{
background: url(jpgi/menu2-1.jpg) 0 0  no-repeat;
width:190px;
}
}
div#nav>ul a {width: auto;}


div#nav ul.level1 {
width:100px;}


div#nav ul.level2 {
position: absolute;
top: 0;
left:150px;
width:200px;
display: none;
background-color:#FEFFF9;}


div#nav ul.level3 {
position: absolute;
top: 0;
left:198px;
display: none;
width:210px;
background-color:#FEFFF9;}



div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;}


div#nav ul li a{
font-family: tahoma, verdana, sans sefir, arial;
color: #00007D;
font-size: 13.5px;
}




div#T{
margin-top:30px;
}

div#stopka{
top:1733px;
left:100px;
right:100px;
height:40px;
font-family: tahoma, verdana, sans sefir, arial;
font-size:10px;
text-decoration:none;
color:#666699;
position:absolute;
}


div#stopka a{
text-decoration:none;
color:#666699;
}

div#nawigacja{
top:14px;
color:#000066;
position:absolute;
font-family: tahoma, verdana, sans sefir, arial;
word-spacing:1px;
line-height:18px;
font-size: 11px;
text-align: none;
}


div#nawigacja a{
text-decoration:none;
color:#000066;
}


h1{
    font-weight:bold;
    font-size:12px;
    text-decoration:underline;

}

h2{
    font-weight:bold;
    font-size:13px;
    text-decoration:underline;

}
div#mapa{
right:5px;
color:#000066;
top:14px;
font-family: tahoma, verdana, sans sefir, arial;
word-spacing:1px;
line-height:18px;
font-size: 11px;
position:absolute;
}

div#mapa a{
text-decoration:none;
color:#000066;
}


