body
{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background-color: #404040;
	font-size: 20px;
}


h1
{
  color: black;
  font-size:30px; 
}

h2
{
  color: black;
  font-size:25px; 
}

#container
{
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

#logo
{
	background: black; 
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 44px;
	height: 160px;
	border: 2px solid white;
	background: url("../images/2.jpg") repeat fixed; 
}

#logoL
{
	width: 300px;
	height: 160px;
	float: left;
	text-align: left;
}

#logoR
{
	margin-top: 25px;
	width: 600px;
	height: 140px;
	float: left;
	text-align: center;
}

#menu
{	
	float: left;
	background-color: #000000;
	margin-top: 0;
	padding: 10px;
	min-height: 660px;
	border: 2px solid white;
	text-align: center;
}

#content
{
	float: left;
	width: 1002px;
	/* background: url("../images/bkg.jpg") repeat fixed; */
	background-color: #dadada;
	margin-top: 0;
	margin-left: 0;
	padding: 50px;
	min-height: 580px;
	height: 580px;
	border: 2px solid white;
	overflow: scroll;
	overflow-x: hidden; 
}

#submenu
{
	float: left;
	margin-top: -50px;
	margin-left: -50px;
	width: 860px;
	background-color: #CCCCCC; 
	height: 50px;
}

#footer
{
	clear: left;
	color: white;
	text-align: center;
	font-size: 15px;
	padding: 5px;
}

/* klasa definiujaca button menu */
.menu_but
{
	font-size: 24px;
	height: 25px;
	width: 150px;
	padding: 10px; 
	/*border-bottom: 2px dotted #444444; */
	border-bottom: 2px solid #ffffff;
}

/* klasa stylizuje kolor itd. guzika po najechaniu na niego kursorem */
.menu_but:hover      
{
	background-color: #0000C1;
	color: white;
	cursor: pointer;
}

/* Klasa stylizuje wyglad linka: brak podkreślenia, link zachowuje sie jak blok o okreslonych wymiarach */

a.menu_but_link       
{
	color: #ffffff;
	text-decoration: none;  /* usuwa podkreślenie pod linkiem default = underline */
	display: block; /* niech link zachowuje się jak blok */
	height: 35px;
	width: 150px; 
}

/* klasa definiujaca button submenu */
.submenu_but
{
	text-align: center;
	float: left;
	font-size: 20px;
	height: 25px;
	width: 150px;
	padding: 10px; 
	/*border-bottom: 2px dotted #444444; */
	border-right: 2px solid #ffffff;
}

.submenu_but:hover
{
	background-color: #000000;
	cursor: pointer;
}

a.submenu_but_link       
{
	color: #0000C1;
	text-decoration: none;  /* usuwa podkreślenie pod linkiem default = underline */
	display: block; /* niech link zachowuje się jak blok */
	height: 35px;
	width: 150px; 
}

.line
{
	height: 5px;
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 2px solid #000000;
}

.line2
{
	height: 5px;
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0000FF;
}

.bigtitle
{
	font-size: 32px;
	font-weight: 900;
	letter-spacing: 2px;
}

#menu ol 
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 24px;

/*	line-height: 200%; */
	display: inline-block;
}

#menu ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;

}

#menu ol > li
{
	width: 150px;
	height: 30px;
	padding: 10px; 
	border-bottom: 1px dashed #ffffff;

	position:relative;
}

#menu  ol > li:hover
{
	background-color: #0000C1;
	color: white;
	cursor: pointer;
}

#menu ol > li:hover > a
{
	color: #451717;
}

#menu ol > li > ul
{
	list-style-type: none;
	padding: 0px;
	padding-top: 7px;
	padding-left: 15px;
	margin: 0;
	width: 250px;   /*	szerokosc buttona pod-menu  */
	display: none;
	float: left;
	position:absolute;
	left:100%;
	margin-top:-2em;

}

#menu ol > li:hover > ul
{
	display: block;
}

#menu ol > li > ul > li
{
	background-color: #000000;
	position: relative;
	z-index: 100;
	border-top: 1px dashed #FFFFFF;
	height: 30px;
	padding: 10px;

	border-left: 1px dashed #FFFFFF;	
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
}

#menu ol > li > ul > li:hover
{
	background-color: #0000C1;
}

#menu ol > li > ul > li:hover > a
{
	color: #451717;
}