/*
css v0.3
by KyLU
*/

html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, img, ul, ol, dl, dt, dd, li, hr, table, strong {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body { width:100%; height:100%;}

body {
	background: url(tlo.png) 0px 0px repeat;	
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*#main, #lewa_kol, #menu, #content, #stopka, .ilus, #text, #stopka p { border:#CC00FF thin solid; display:block;}/**/
.czysc{clear:both;}
.f_left{ float:left;}
.f_right{ float:right;}
.chowaj{display:none;}

a{color:inherit; text-decoration:none;}
a:hover{text-decoration: underline;}

#main { 
width: 1235px;
margin: 0 auto;	
position: relative;
margin-top:20px;
}

#lewa_kol{
	width:350px;
	height: auto;
	float: left;
	
	position:fixed;
	
	left:20px;
/*	*/
}

#logo {
	text-decoration: none;
	border: none;
}


#menu {
	width: 300px;
	margin-top:24px;
	text-transform:lowercase;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:4px;
	line-height:25px;
	
	/*background:url(menu_test.png);*/
}
#menu a {
	display:block;
	width:100%;
	text-decoration: none;
	color: #fff;
}
#aktywne, #menu a:hover {
	text-decoration: none;
	background:url(bulet.gif) bottom right no-repeat ;
}
#menu ul{
	list-style: none;
}

#menu ul ul li{
	font-size:12px;
	letter-spacing:2px;
	line-height:25px;
}

#menu li{
	display:block;
	padding-left:20px;
	background:url(kreska.png) 0px 0px no-repeat;
}

.menu_ile{ color:#999999;}

#content {
	width: 880px;
	float: left;
	margin-top:20px;
	margin-left:300px;
}

.tytul{ 
	width:100%;
	display:block;
	height:20px;
	float:left;
	padding:10px;
	background:url(kreska.png) center no-repeat;
	
	text-transform:lowercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:2px;
	font-weight: lighter;
	}
a.tytul:hover { text-decoration:none; border:none;}

.ilus_box {
/*border:#6b6a61 1px solid;
/*background-color:#a1a096;*/
background:url(tlo_2.png);
width:142px;
padding:9px;
position:relative;
margin-bottom:20px;
margin-right:20px;
float:left;
/*
-moz-opacity : 0.5;
opacity : 0.5;
filter : alpha(opacity=50);
/**/
}

.ilus {
border:#6b6a61 1px solid;
background-color:#a1a096;
padding:9px;
position:relative;
margin-bottom:20px;
}

.ilus img{
display:block;
width:860px;
border:#8b8879 1px solid;
}

.ilus_box img{
display:block;
/*border:#8b8879 1px solid;*/
}

a.ilus_box:hover { background:none; background-color:#505050;}

.ilus .zaw{ position: absolute; left:-7px; top:17px; width:17px; border:none;}
.ilus #kontakt{ background:url(tlo_kont.png) no-repeat bottom left; padding:20px; height:399px; width:820px;}
.ilus #osoba{ background:url(osoba.jpg) no-repeat bottom right; padding:20px; height:399px;}
.ilus #osoba p{
	font-size: 12px;
	margin:15px 10px 0px 10px;
	line-height:18px;
	letter-spacing:0.04em;
	width:390px;
	}

#text {
	width: 860px;
	padding:0px 10px;
	border-bottom:#FFFFFF 1px solid;
	padding-bottom:10px;}

#text a {
	text-decoration: none;
}
#text a:hover {
	border-bottom: 1px solid #FFFFFF;
}
#text h1 {
	font-size: 18px;
	padding-left: 10px;
	display:inline;
}
#text h2 {
	font-size: 16px;
	font-style: oblique;
}
#text h4 {
	display:inline;
	font-size:12px;

}


#text p {
	font-size: 12px;
	margin:15px 10px 0px 10px;
	line-height:18px;
	letter-spacing:0.04em;
	width:410px;
}
#text .naglowek{ border-bottom:#FFFFFF solid 1px; padding:4px 0px; width:100%;}
#text .naglowek h1{ width:74%;}
#text .naglowek h4{ width:24%; font-size:12px; font-weight:normal; text-align:right;}
#text #tagi{ width:100%; text-align:right; margin-top:25px;}

#stopka {
	width:100%;
	display:block;
	margin-top:20px;
	text-align:left;
	height:50px;
	font-size:9px;
}
#stopka p {
	float:left;
	width:65%;
}

#stopka h1 {
font: inherit;
display:inline;
color:inherit;
margin:0;
padding:0;
float:left;
width:21%;
text-align:right;
}

#stopka_kont{
float:left;
display:block;
text-align:right;
width:14%;
}

#stopka a{color:inherit; text-decoration:none;}
#stopka a:hover{text-decoration: underline;}