body
{

background-color: #000000;
color: #ffffff;
border-radius: 8px;

}

.main
{

font-family: 'Happy Monkey', cursive;
font-size:40px;	

background-color: #1C59C1;

width:1200px;

margin-left:auto;
margin-right:auto;	

border-radius: 12px;	
}

.header
{
font-family: 'Aclonica', sans-serif;
background-color: #1C59C1;
font-size:42px;
color:darkblue;
width:1200px;
height:52px;
margin-left:auto;
margin-right:auto;	
margin-top:1px;
margin-bottom:3px;
border-radius: 12px;	
}

.menu
{
padding:0px;
margin:0px;
background-color: #000000;
width:1200px;
height:43px;
text-align:center;


}

.article
{
font-family: 'Meera Inimai', sans-serif;
font-size:20px;
color:#FFFA61;	
background-color: #1C59C1;
width:1150px;
height:452px;
text-align: justify;
margin-top:25px;
margin-left:25px;
margin-right:25px;	
}

/*

    font-family: 'PT Sans', sans-serif;

    font-family: 'Prompt', sans-serif;

    font-family: 'Source Sans Pro', sans-serif;

    font-family: 'Droid Serif', serif;

	font-family: 'Meera Inimai', sans-serif;
*/

.footer1
{
background-image: url("pictures/logo1.png");
background-image: center;
width:1200px;
height:154px;
background-color: #1C59C1;
position: relative;
z-index:100;
border-radius: 12px;	
}

.footer2
{
background-image: url("pictures/logo2.png");
background-image: center;
width:1200px;
height:164px;
background-color: #1C59C1;
position: relative;
z-index:100;
border-radius: 12px;	
}

ol
{
	color: #FFFFFF;	
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:20px;
	height:28px; 					/* TU MA BYĆ 100% aby menu automatycznie dopasowywalo się prostokąta !!!!!!!!!!!!!! */
	line-height:200%;
	display: inline-block;		
}

ol a
{
transition-duration:0.5s;
color: #FFFFFF;
text-decoration: none;
display: block;
margin-left: 20px;
margin-right: 20px;

}

ol > li

{
float: left;
width: auto;
height: auto; 
transition-duration:0.2s;	
position: relative;
z-index:100;
}

ol > li:hover
{
	
	
	background-color: #691100;
	border-radius: 8px;
	transition-duration:0.2s;
	position: relative;
	z-index:100;
}

ol > li:hover > a
{
opacity: 0.2;
filter: alpha(opacity=50);	
transition-duration:0.1s;
}

ol > li:hover > ul
{
	opacity: 1.0;
    filter: alpha(opacity=50);
	transition-duration: 0.2s;
	display:block;
}

ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: auto;
	display: none;
}

ol > li > ul > li
{
	opacity: 0.3;
    filter: alpha(opacity=50);
	transition-duration: 0.2s;
	position: relative;
	z-index:100;
}

ol > li > ul > li:hover
{
	
	opacity: 1.0;
    filter: alpha(opacity=50);
	transition-duration: 0.3s;
	position: relative;
	z-index:100;
}