body 
{
color: #FFFFFF;
margin: 0px;
background: #000000;
font-family: Helvetica;
background-image: url(adr.jpg);
background-attachment:fixed;
background-position: bottom right;
background-repeat: no-repeat;
}


#plyty, #omnie, #dysko, #listen
{
font-size: 10pt;
color: #000000;
margin: 10px;
padding: 15px;
position: absolute;
background: #FFFFFF;
border-left: solid 2px #CCCCCC;
border-right:solid 2px #CCCCCC;
border-bottom: solid 2px #CCCCCC;
border-top: solid 2px #CCCCCC;
text-align:center;
z-index:1;
}
#omnie {width: 170px;left: 0px;}

#plyty{width: 410px; left: 210px;}

#listen {width: 400px; left: 660px;}

#dysko {width: 310px; left: 1100px;}

#podpis
{
font-size: 8pt;
position: fixed;
width: 200px;
bottom: 0px;
right: 0px;
margin: 0px;
text-align:right;

}

a {
font-size: 10pt;
text-decoration: underline;
color: #006296;
}

a:hover{color: #FF0000;}

.cd img{
opacity : 0.5;
filter:alpha(opacity=50);
}
.cd:hover img{
opacity : 1.0;
filter:alpha(opacity=100);
}

.custom-tip {
color: #000000;
z-index:20;
}
 
.custom-title {
opacity : 0.9;
font-weight: bold;
font-size: 12px;
margin: 0;
color: #000000;
padding: 8px 8px 4px;
background: #CCCCCC;
border-bottom: 1px solid #000000;
text-align:center;
}
 
.custom-text {
opacity : 0.8;
font-size: 11px;
padding: 4px 8px 8px;
background: #FFFFFF;
text-align:center;
}

h2
{
cursor: pointer;
}

h2:hover
{text-decoration:underline;}

h3
{
font-size: 20px;
letter-spacing:2px;
}