body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
h1 {
COLOR: black; 
FONT-FAMILY: Helvetica; 
FONT-SIZE: 16pt; 
FONT-WEIGHT: bolder;
}
h3 {
COLOR: black; 
FONT-FAMILY: Helvetica; 
FONT-SIZE: 12pt; 
FONT-WEIGHT: bolder;
}
.logo {
position: absolute;
top: 20px;
left: 30px;
}
.nadpis {
position: absolute;
top: 10px;
left: 250px;
}
.text {
position: absolute;
top: 120px;
left: 220px;
width: 750px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 130px;
left: 10px;
width: 140px;
}
dl#menu {
width: 190px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 100%;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #6878BC;
color: #FFFFFF;
}
dl#menu dd {
border: 1px solid gray;
display: none;
}
dl#menu li {
text-align: center;
background: #B4C0DA;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #92A3C8;
}


#slant {border-top:5px solid #fff; border-bottom:5px solid #fff;
position: absolute;
top: 65px;
left: 120px;
width: 900px;}


/* the stylesheet */
#slant {padding:0; margin:0; list-style:none;}
#slant li {float:left; text-align:center; font-weight: bold; margin-right:-20px;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 15px; height:25px; background:#6878BC; float:left; cursor:pointer; color:#FEFEFF; line-height:24px;}

#slant a b, a span {cursor:pointer; display:block; width:0px; overflow:hidden; float:left; background:#363;}

#slant a span {height:0; border-top:25px solid #6878BC; border-right:25px solid #fff;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid #fff; border-right:5px solid #6878BC;}

#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid #fff; border-left:5px solid #6878BC;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#B4C0DA;}

#slant a:hover em, #slant a.selected em {color:#030; background:#B4C0DA;}

#slant a:hover b.p1, #slant a.selected b.p1,
#slant a:hover b.p2, #slant a.selected b.p2,
#slant a:hover b.p3, #slant a.selected b.p3,
#slant a:hover b.p4, #slant a.selected b.p4,
#slant a:hover b.p5, #slant a.selected b.p5 {border-right-color:#B4C0DA; background: #B4C0DA;}

#slant a:hover b.p6, #slant a.selected b.p6,
#slant a:hover b.p7, #slant a.selected b.p7,
#slant a:hover b.p8, #slant a.selected b.p8,
#slant a:hover b.p9, #slant a.selected b.p9,
#slant a:hover b.p10, #slant a.selected b.p10 {border-left-color:#B4C0DA; background: #B4C0DA;}

#slant a:hover span, #slant a.selected span {border-top-color:#B4C0DA;}

#slant a.selected:hover b, #slant a.selected:hover em, #slant a.selected:hover span {cursor:default;}