/* overloading predefined */
body { background-color: #d1d1d1;}

/* main screen opts */
#mainbox {
position: absolute;
width: 715px;
height: 600px;
left: 50%;
top: 50%;
margin-left: -357px;
margin-top: -250px;
}
/* page details */

#bck01, #bck02, #bck03, #bck04, #bck05, #bck06, #bck07, #bck08, #bck09, #bck10 { position: absolute; left: 5px; width: 145px; height: 48px;}

#bck01 { top:50px;  background-image: url(gfx/bck_01.jpg);}
#bck02 { top:98px;  background-image: url(gfx/bck_02.jpg);}
#bck03 { top:146px; background-image: url(gfx/bck_03.jpg);}
#bck04 { top:194px; background-image: url(gfx/bck_04.jpg);}
#bck05 { top:242px; background-image: url(gfx/bck_05.jpg);}
#bck06 { top:290px; background-image: url(gfx/bck_06.jpg);}
#bck07 { top:338px; background-image: url(gfx/bck_07.jpg);}
#bck08 { top:386px; background-image: url(gfx/bck_08.jpg);}
#bck09 { top:434px; background-image: url(gfx/bck_09.jpg);}
#bck10 { top:482px; background-image: url(gfx/bck_10.jpg);}

#bck21, #bck22, #bck23, #bck24, #bck25, #bck26, #bck27, #bck28, #bck29, #bck30 { position: absolute; top: 424px; width: 56px; height: 106px;}

#bck21 { left: 150px; background-image: url(gfx/bck_21.jpg);}
#bck22 { left: 206px; background-image: url(gfx/bck_22.jpg);}
#bck23 { left: 262px; background-image: url(gfx/bck_23.jpg);}
#bck24 { left: 318px; background-image: url(gfx/bck_24.jpg);}
#bck25 { left: 374px; background-image: url(gfx/bck_25.jpg);}
#bck26 { left: 430px; background-image: url(gfx/bck_26.jpg);}
#bck27 { left: 486px; background-image: url(gfx/bck_27.jpg);}
#bck28 { left: 542px; background-image: url(gfx/bck_28.jpg);}
#bck29 { left: 598px; background-image: url(gfx/bck_29.jpg);}
#bck30 { left: 654px; background-image: url(gfx/bck_30.jpg);}

#down {
position: absolute;
top: 530px;
left: 0px;
border-top: solid 1px #000000;
width: 715px;
height: 40px;
}

#downleft {
text-align: left;
margin: 4px;
float: left;
}
#downleftp {
font-weight: bold;
font-size: 16px;
}

#downright {
text-align: right;
margin: 4px;
float: right;
}



#show {
position: absolute;
top: 23px;
left:150px;
width: 556px;
height: 400px;
color: #000000;
background-color: #eeeeee;
border: 1px solid #000000;
}
#showpasek {
position: absolute;
top: 0px;
left: 530px;
width: 10px;
height: 400px;
color: #000000;
background-color: #B1CBAE;
}
#showicon {
position: absolute;
top: 10px;
left: 474px;
width: 72px;
height: 58px;
}
#showhead {
position: absolute;
top: 19px;
left: 0px;
width: 556px;
height: 40px;
color: #000000;
background-color: #B1CBAE;
}
#showcontent {
position: absolute;
font-size: 12px;
top: 75px;
left: 10px;
width: 510px;
height: 315px;
text-align: justify;
}
#shownav {
position: absolute;
bottom: 10px;
left: 543px;
width: 11px;
font-size: 10px;
text-align: center;
font-weight: bold;
}

h1 {
margin-top: 2px;
margin-left: 50px;
font-size: 20px;
}
h3 {
margin-left: 50px;
font-size: 9px;
font-weight: normal;
}


#menu {
position: absolute;
width: 715px;
text-align: right;
top: 6px;
left: 0px;
}

#nawigacja ul {
display: none;
}

#nawigacja li {
display: inline;
padding-right: 15px;
}

#nawigacja li:hover ul {
display: inline;
position: absolute;
text-align: left;

margin-top: 12px;
margin-left: -30px;
z-index: 10;
}

#nawigacja li ul li {
display: block;
margin: 2px;
padding: 2px;
border-left: 1px solid #000000;
border-right: 1px dotted #000000;
border-top: 1px dotted #000000;
border-bottom: 1px solid #000000;
color: #000000;
background-color: #ffffff;
}

.news {
text-align: justify;
margin-bottom: 15px;

}
.news a { text-decoration: underline; }

.software {
text-align: justify;
margin-bottom: 13px;
}
.software a { text-decoration: underline; }
.softheadkg { background-image: url('gfx/soft_kg.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}
.softheadkt { background-image: url('gfx/soft_kt.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}
.softheadzo { background-image: url('gfx/soft_zo.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}
.softheadphp { background-image: url('gfx/soft_php.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}

h2 {
font-size: 14px;
font-weight: bold;
}

.gfxheadla { background-image: url('gfx/gfx_layout.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}
.gfxheadwa { background-image: url('gfx/gfx_wallpaper.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}


.laygallery {
margin-left: 30px;
margin-bottom: 10px;

border: 1px solid #000000;
float: left;
width: 200px;
text-align: center;
}


.projheaded { background-image: url('gfx/proj_edu.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}
.projheadzs { background-image: url('gfx/proj_zsti.gif'); background-repeat: no-repeat; padding-left: 60px; padding-top: 6px; padding-bottom: 5px;}