/*ustawienie parametrow poczatkowych strony*/
BODY {
background: #FFFFFF url("grafika/index_tlo.jpg") repeat-x fixed top left;
text-align: center;
color: #FFFFFF;
}
#gora {
margin: auto;
padding: 0px 0px 0px 0px;
background:#000000 url("grafika/gora_tlo.jpg") no-repeat top center;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
width: 806px;
height: 51px;
}
#logo {
margin: auto;
padding: 0px 0px 0px 0px;
background:#000000 url("grafika/logo_tlo.jpg") no-repeat top center;
border-left: 1px solid #A90000;
border-right: 1px solid #A90000;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
width: 806px;
height: 195px;
}
#logotyp {
float:left;
margin: 17px 0px 0px 3px;
padding: 0px 0px 0px 0px;
background:#000000 url("grafika/logo_tlo.jpg") no-repeat top center;
border-left: 1px solid #A90000;
border-right: 1px solid #A90000;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
width: 156px;
}

#przyciski {
margin: auto;
padding: 0px 0px 0px 0px;
background:#000000 url("grafika/przyciski_tlo.jpg") no-repeat top center;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
width: 806px;
height: 50px;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity:0.9;
<!--[if gte IE 5]>
filter:alpha(opacity=90);
<![endif]-->
}

#tekst {
text-align:left;
margin: auto;
color: #FFFFFF;
width: 806px;
background: #000000 url("grafika/tekst_tlo.jpg") no-repeat top center;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity:0.9;
<!--[if gte IE 5]>
filter:alpha(opacity=90);
<![endif]-->
}

#przyciski ul {
list-style: none;
padding: 0px;
margin: auto;
padding: 10px 0px 0px 0px;
width:82%;
}

#przyciski li, #przyciski li.off {
float: left;
margin: 0 0.15em;
background: url("grafika/przycisk_tlo_glowne.gif") bottom left repeat-x;
}

#przyciski li span, #przyciski li.off span {
	background: url("grafika/przycisk_prawa_tlo.gif") bottom right no-repeat;
	display: inline-block;
	padding: 0px 10px 0px 30px;
	cursor:pointer;
}

#przyciski li a,#przyciski ul li a:link, #przyciski ul li.off a, #przyciski ul li a:visited {
background: url("grafika/przycisk_tlo_off.jpg") no-repeat left bottom;
height: 32px;
line-height: 32px;
float: left;
display: block;
border: 0px solid #dcdce9;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#przyciski li.on a{
background: url("grafika/przycisk_tlo_on.jpg") no-repeat left bottom;
height: 32px;
line-height: 32px;
float: left;
display: block;
border: 0px solid #dcdce9;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#przyciski li.on {
background: url("grafika/przycisk_tlo_glowne_on.gif") bottom left repeat-x;
}
#przyciski li.on span {
background: url("grafika/przycisk_prawa_tlo_on.gif") bottom right no-repeat;
}

#shadow {
margin: auto;
padding: 4px;
border: 1px solid #000000;
width: 818px;
background: #000000;
}

#strona {
float:none;
background:#000000 url("grafika/strona_tlo.jpg") no-repeat top center;
margin: 5px;
border: 1px solid #FFFFFF;
width: 806px;
}
#cpy_r {
text-transform: uppercase;
float:none;
background:#FFFFFF;
margin: auto;
border: 0px solid #FFFFFF;
width: 806px;
color:#000000;
font-family: Garamond;
font-weight:bold;
}

#menu_bar {
background: url("grafika/pasek_przyciskow.jpg");
/*margin: 0px 14px 0px 14px;*/
border: 0px;
width: 800px;
height: 30px;  
}

H1 {
	text-transform: uppercase;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	font-family: Garamond;
	margin: 0px;
	padding: 0px;
}

H2 {
	margin: 3px 35px 0px 50px; 
	padding: 0px 35px 10px 20px;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFFFFF;
	font-family: Garamond;
}

H3 {
	margin: 3px 35px 0px 50px; 
	padding: 0px 35px 10px 20px;
	text-transform: uppercase;
	font-size: 15px;
	color: #FFFFFF;
	font-family: Garamond;
}

H5 {
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	font-family: Arial;
	padding: 200px 16px 0px 0px; 
}

table {
	margin: auto;
	text-align: top;
}

#tekst ul {
	position: relative;
	
	margin: 3px 35px 0px 100px; 
}
#tekst a {
	font-weight: bold;
	color:#FFFFFF;
}
#tekst img {

	margin:auto;
	border:0px solid #FFFFFF;
	padding : 3px;
	color:#FFFFFF;
}
#tekst p {
	color: #FFFFFF;
  font-family:"MS Georgia";
	font-size:15px;
	margin: 3px 35px 0px 50px; 
	border-left: 5px solid #CCC;
	padding: 0px 35px 10px 20px; 
	text-align: justify;
}
#tekst p:first-letter {
	text-transform: uppercase;
	margin: 0px 0px 0px 20px;
}

#tekst p.modyfy {
font-family:Arial;
border-left: 0px solid #CCC;
color:#FFAAAA;
padding: 20px 10px 20px 10px;
font-size: smaller;
text-align: right;
}

span.klucz {
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFFFFF; 
}

.projekt {
width:746px;
padding:0px;
margin-left:30px;
margin-bottom:30px;
display:block;
position:relative;
float:left;
border:1px solid #fff;
}

#tekst .projekt ul {
	position: relative;
	margin: 3px 5px 0px 10px; 
}

#tekst .projekt p {
line-height:50px;
padding:0px;
margin:0px;
border:0px solid #000;
}

.tytul {
font-weight:bold;
width:100%;
padding:0px;
margin:0px;
display:block;
position:relative;
float:left;
background:#f00;
border:0px solid #000;
}
.lewy {
width:385px;
margin:10px;
padding:0px;
display:inline;
position:relative;
float:left;
border:0px solid #fff;
}

.prawy {
background-color:#00f;
width:315px;
padding:0px;
margin:10px;
display:inline;
position:relative;
float:right;
border:1px solid #fff;
}