/* CSS Document */

* html, body { 
margin : 0;
padding : 0;
background-image : url(images/1.gif);
background-color : #000066;
background-repeat : repeat-x;
text-align : center;
} 

p { 
text-align : justify;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 12px;
color : #3366cc;
line-height : 1.7;   
width : 620px;
} 

td { 
text-align : justify;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 12px;
color : #3366cc;
line-height : 1.7;
}

a:link, a:visited { 
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #0033cc;
} 

a:hover, a:active { 
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #003399;
} 

h1, h2 { 
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
color : #0033cc;
margin-left: 18px;
} 

h1 { 
font-size : 16px;
margin-top : 22px;
padding-top : 22px;
width : 620px;
} 

h2 { 
font-size : 12px;
margin-top : 20px;
margin-bottom : -6px;
border-bottom : 1px solid;
width : 620px;

} 

h3 { 
font-family : Arial, Helvetica, sans-serif;
color : #0033cc;
font-size : 16px;
font-weight : normal;
border-bottom : 1px solid;
width : 140px;
margin-left:18px;
margin-top:21px;
margin-bottom: -4px;
} 

img { 
border: none;
margin-top : 1px;
margin-right : 1px;
margin-left : 1px;
}

img {
margin-top : 1px;
margin-right : 1px;
margin-left : 1px;}
.obw {border : 1px solid #000066;}

ul { 
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 12px;
color : #3366cc;
list-style-image : url(images/4.gif);
margin-top : 8px;
margin-left : 0px;
padding-left : 34px;
line-height : 1.7;
} 

ol { 
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 12px;
color : #3366cc;
margin-top : 6px;
margin-left : 30px;
padding-left : 30px;
line-height : 1.7;
}  
li{
line-height : 1.7;  }
        
#menu { 
width : 840px;
height : 60px;
margin : 0 auto;
background-image : url(images/2.gif);
background-repeat : repeat-y;
} 

#menu1 { 
position:absolute;
width : 40px;
height : 40px;
margin : 0 auto;
} 

#menu ul { 
margin : 0;
padding : 0;
list-style : none;
} 
#menu li { 
padding : 0;
display : inline;
background : none;
} 
#menu a { 
display : block;
text-decoration:none;
float : left;
height : 40px;
padding : 20px 0px 0 0px;
font-size : 92%;
font-weight : bold;
} 
#menu a:hover { 
background : #000066;
text-decoration : none;
color : #ACACAC;
} 
#menu b { 
text-decoration : underline;
} 
#top { 
width : 840px;
margin-left : auto;
margin-right : auto;
height : 130px;
} 

#aplet { 
width : 840px;
margin-left : auto;
margin-right : auto;
height : 60px;
} 

#taniec { 
width : 840px;
margin-left : auto;
margin-right : auto;
height : 40px;
} 

#srodek { 
width : 840px;
margin-left : auto;
margin-right : auto;
padding-top : 1px;
background-image : url(images/3.gif);
background-repeat : repeat-y;
text-align:justify;
} 

#srodek table {
border:0;
cellpadding: 18px;
float:left;
margin-left: 8px;
}

#srodek p{ 
width: 620px;
margin-left: 18px;
}

#srodek ul {
width: 600px;
margin-left:-4px;

}

#srodek ol {
width: 600px;
margin-left:8px;
}

#srodek .blok22 {
	position : absolute;
	margin-left : 650px;
	width:190px;
	text-align : left;
}
#srodek .blok22 ul {
width: 190px;
margin-left:4px;
}
}
#srodek .blok22 p {
width: 180px;
margin-left:4px;
}

.blok22 img {
border : 1px solid #0033cc; 
}

.blok22 a:link, #blok22 a:visited {
font-size : 11px;
color : #0033cc;
text-decoration : none;
line-height : 2;
}

.blok22 a:hover, .blok22 a:active {
color : #00ccff;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}

#dol { 
width : 840px;
height : 40px;
margin-left : auto;
margin-right : auto;
background-image : url(images/5.gif);
background-repeat : repeat-y;
} 


#dol p{
color : #FFFFFF;
width : 810px;
margin-top : 8px;
padding-top : 6px;
text-align : left;
font-size : 12px;
}