* { 
	margin:0; 
	padding:0; 
}
html {
	background:#2b2b2b url('img/bg_html.gif') repeat-x; 
}
body { 
	min-width:1000px;
	padding:43px 0 0 0;
	font:11px verdana; 
	color:#454545; 
	line-height:1.8em; 
	text-align:justify;
}
#logoleft {
	float:left;
	width:50%;
	height:269px;
	background:#3b3a3a;
	border-top:3px solid #5c5c5c;
	border-bottom:3px solid #5c5c5c;
}
#logoright {
	float:right;
	width:50%;
	height:269px;
	background:#353535;
	border-top:3px solid #5c5c5c;
	border-bottom:3px solid #5c5c5c;
}
#wrapper {
	position:relative;
	width:903px;
	padding:150px 20px 20px 20px;
	margin:auto;
	font-size:14px;
	color:#999;
}
#header {
	position:absolute;
	top:-272px;
	left:18px;
	width:903px;
	height:269px;
	background: url('img/bg_logo.gif') no-repeat center;
}
#logo {
	position:absolute;
	top:-160px;
	left:29px;
	width:883px;
	height:295px;
	background: url('img/logo_dziwiszow.jpg') no-repeat center;
}
#menu {
	position:absolute;
	top:55px;
	right:10px;
}

#menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
/* never apply padding to the li, as offsetWidth will differ in IE!,
if you need padding add it to a child element */
#menu ul li{
	float: left;
}
#menu ul li a {
	text-indent:-500em;
	z-index:10;
	display:block;
	float:left;
	height:25px;
	position:relative;
	overflow:hidden; /* this is sort of a trick to prevent firefox from extending the dotted shape when you click a link */
}
#item_1 a {
	width:132px;
	margin:0 10px 0 10px;
	background:url('img/menu_1.png') no-repeat center !important;	
	background:url('img/menu_1.gif') no-repeat center;
}
#item_2 a {
	width:62px;
	margin:0 10px 0 10px;
	background:url('img/menu_2.png') no-repeat center !important;	
	background:url('img/menu_2.gif') no-repeat center;
}
#item_3 a {
	width:97px;
	margin:0 10px 0 10px;
	background:url('img/menu_3.png') no-repeat center !important;	
	background:url('img/menu_3.gif') no-repeat center;
}
#item_4 a {
	width:73px;
	margin:0 10px 0 10px;
	background:url('img/menu_4.png') no-repeat center !important;
	background:url('img/menu_4.gif') no-repeat center;
}
#menu li.background {
	/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
	background:url('img/bg_menu_right.gif') no-repeat top right;
	z-index:8;
	position:absolute;
	top:1px; 
	visibility:hidden;
}
#menu .background .left {
	/*background: url('images/bg_menu.png') no-repeat top left !important;*/
	background:url('img/bg_menu.gif') no-repeat top left;
	height:24px;
	margin-right:12px; /* 7px is the width of the rounded shape */
}
h1 {
	padding:9px 0 0 40px;
	min-height:25px;
	margin:0 0 5px 0;
	color:#bbb;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	background:url('img/info.gif') no-repeat center left;
}
#info {
	float:left;
	width:250px;
	padding:0 10px 0 10px;
	border-right:1px solid #5F5C57;
}
#info div {
	padding:10px 0 0 10px;
}
#content {
	float:right;
	width:590px;
	padding:0 12px 0 0;
	line-height:1.2em;
}
#content img {
	border:1px solid #666; 
	margin:10px 0 10px 0;
}
#content h1 {
	margin:0 0 5px -12px;
}
p {
	margin:15px 0 15px 0;
}
#footer {
	min-width:900px;
	height:25px;
	background:#fff url('img/footer.gif') repeat-x top;
	padding:16px 0 5px 0;
	margin:25px 0 0 0;
}
#footer div {
	width:910px;
	margin:auto;
	color:#aaa;
	font-size:10px;
}
textarea {
    border:1px solid #CBCCCD;
    background:#ddd; 
    padding:3px; 
    margin:4px 0 4px 0;
    color:#000;
    font-size:12px;
    font-weight:normal;
    font-family:arial,tahoma;
}
input {
    border:1px solid #CBCCCD;
    background:#ddd; 
    padding:3px; 
    margin:4px 0 4px 0;
    overflow:hidden;
    color:#000;
    font-size:12px;
    font-weight:normal;
    font-family:arial,tahoma;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}