html,body 
{ background-color: #eae5e2; margin:0 auto; padding:0; height:100%; width: 90%; font-family: "Times New Roman"; font-size: 18px; line-height: 27px; }

p { color: #000; font-size: 18 px; font-family: "Times New Roman"; line-height: 26px; margin: 10px 0; padding: 0; }

.text1 /*agl rulekind: base;*/ { font-size: 15px; line-height: 17px; }
.tytul /*agl rulekind: base;*/ { font-size: 15px; font-style: italic; font-weight: bold; line-height: 15px;}
.text2 /*agl rulekind: base;*/ { font-size:18px; }
.text3 /*agl rulekind: base;*/ { font-size:20px; color: silver;}

div#container { background-color: #eae5e2; background-image: none; position:relative;  margin-top: 30px; left: 50%; margin-left: -475px;
	
	width:950px; height:684px; }

div#gradient { margin: 0 auto; position: relative; background-color: #eae5e2; width: 940px; height: 60px; } 

div#odstep { margin: 0 auto; position: relative; background-color: #eae5e2; width: 940px; height: 10px; } 
	
div#header { margin: 0 auto; background-color: #D4D0C7; position: relative; width: 940px; height: 70px; z-index: 0;}
div#header p {
		font-style: arial narrow;
		font-size: 25px;
		margin-top: 5px;
	}
	
div#header_flash { margin: 0 auto; position: relative; margin: 0 auto; width: 70%; height: 100%	}

div#header_flash_small { position: relative; left: 20px; width: 310 px; height: 70px;	}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 40%;
	right: 0;
}

#galeria_menu ul {

	list-style: none;
	position: relative;
	margin: 0 auto; top: 30%;
width: auto;
}

#header ul li {
	float: left;
	margin-right: 5px;
}

#galeria_menu ul li {
	float: left;
	margin-right: 5px;
}

#header ul li a{ color: #eae5e2;  font-size: 1.1em; font-family: "Times New Roman"; margin-right: 5px; text-decoration: none; }

#galeria_menu ul li a{ color: #000; font-weight: bold; font-size: 1em; font-family: "Times New Roman"; margin-right: 5px; text-decoration: none; }

#header ul li a:hover {
	color: #eae5e2;	
}

#galeria_menu ul li a:hover {
	color: silver;	
}

div#content { margin: 0 auto; background-image: url(images/tlo2.jpg); background-repeat: no-repeat; background-position: center; position: relative; width: 940px; height: 569px; 
 }

div#galeria_menu { background-color: #D4D0C7; width: 470px; height: 39 px; }

div#content p {
		text-align:justify;
		padding:0 1em;
	}
div#footer { background-color: #D4D0C7; margin: 0 auto;  width: 940px; height: 25px; position: relative; }
div#footer p {
		padding:1em;
		margin:0;
	}


div#flaga { background-image: none; position: relative; width: auto; height: 100%; float: left; }
div#name { background-image: none; position: relative; width: auto; height: 100%; float: right; }

a img {
border: 0px; border-color: #eae5e2; border-style: double; outline-offset: 2 px;
}

div#formularz {  background-image: none; position:relative; left: 20px; top: 50px; 
	
	width: 465 px; height:550px; }





ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.0em;
font-weight: bold;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:50px;
	font-size: 1.0em;
font-weight: bold;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 5px 0;
	float: left;
	text-decoration: none;
	color: #000;
	background: url(a_bg.gif) repeat-x;

	clear: both;
	width: 100%;
	height: 25px;
	line-height: 25px; /*--Vertical alignment of text--*/
	font-size: 1.0em;
font-weight: bold;
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: silver;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}



#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 300px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.3em auto;
padding: 15px;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}