body
{
margin: 10px auto 20px auto;
padding: 0 0;
font-family: Verdana, Helvetica, sans-serif ;
font-size: 12px;
color: #333;
}

h1
{
margin: 0 0;
padding: 15px 0px 5px 5px;
font-size: 15px;
font-weight: bold;
}

h2
{
margin: 0 0;
padding: 15px 0px 5px 5px;
font-size: 14px;
font-weight: bold;
}

#gora
{
margin: 0px auto 5px auto;
padding: 0 0;
width: 1050px;
height: 213px;
position: relative;
z-index: 1;
}

#logoharp
{
margin: 0 0;
padding: 0 0;
z-index: 2;
width: 254px;
height: 86px;
position: absolute;
top: 25px;
left: 0px;
}

#logo
{
margin: 0 0;
padding: 0 0;
z-index: 2;
width: 361px;
height: 213px;
background-image: url("grafika/gora/logo.jpg");
background-repeat: no-repeat;
background-position: center top;
position: absolute;
top: 0px;
left: 400px;
}

#nawigacja
{
margin: 0 0;
padding: 0 0;
z-index: 2;
position: absolute;
top: 15px;
right: 6px;
color: #ffa500;
font-size: 11px;
}

/*linki*/
#nawigacja a 
{
font-size: 10px;
text-decoration: none;
color: #ffa500;
}

#nawigacja a:hover 
{
text-decoration: underline;
}

#lewa a 
{
text-decoration: none;
color: #ffa500;
}

#lewa a:hover 
{
text-decoration: underline;
}

#stopka a 
{
font-size: 10px;
text-decoration: none;
color: #353535;
}

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

/*Menu*/

.menu
{
width: 1050px;
border:none;
border-top:1px solid #ffa500;
margin:10px auto 0px auto;
padding:0px;
font: 67.5% Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.menu ul
{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}

.menu li
{
float:left;
padding:0px;
}

.menu li a
{
background:#333333 url("grafika/menu/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}

.menu li a:hover, .menu ul li:hover a
{
background: #ffa500;
color:#FFFFFF;
text-decoration:none;
}

.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
border-bottom:1px solid #ffa500;
}

.menu li:hover ul
{
display:block;
}

.menu li li 
{
background:url('grafika/menu/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}

.menu li:hover li a
{
background:none;
}

.menu li ul a
{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.menu li ul a:hover, .menu li ul li:hover a
{
background:#ffa500;
border:0px;
color:#ffffff;
text-decoration:none;
}

.menu p
{
clear:left;
}	


/*Lewa prawa i stopka*/

#calosc 
{
z-index: auto;
position: relative;
width: 1050px;
margin: 0px auto;
}

#lewa 
{
padding: 10px 10px 20px 10px;
margin: 0 0;
width: 710px;
z-index: auto;
position: relative;
float: left;
text-align:justify;
}

#prawa 
{
padding: 10px;
margin: 0 0;
width: 300px;
z-index: auto;
float: right;
text-align:center;
}

#polacz
{
clear: both;
}

#stopka
{
width: 1010px;
margin: 0px auto;
padding: 15px 40px 15px 0px;
background-color: #F9D5B9;
font-size: 10px;
text-align: right;
color: #353535 ;
}

/*listy*/

#lewa ul, #lewa ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px; 
}

#lewa ul li, #lewa ol li li
{
margin: 5px 0px;
padding: 4px 0px 0px 0px;
list-style-image: url("grafika/tresc/li1.gif");
}

#lewa ol li
{
margin: 15px 0px;
}