/* Basics CSS*/

body {
 margin: 40px 0;
 color: #333;
 background:#775D42;
 padding:0;
 font: 13px Arial, Helvetica, sans-serif;
 }

a:link {
color: #775D42;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #775D42;
}
a:hover {
text-decoration: none;
color: #dda857
}
a:active {
text-decoration: none;
color: #775D42;
}

h1 {
 font-size: 18px;
}

h2 {
 font-size: 17px;
}

h3 {
font-size: 15px;
}

h4 {
font-size: 14px;
}

#outer {
 width: 650px;
 margin: 0 auto;
 background: #fff url(bg.gif) repeat-y;
 }

#hdr {
 padding-top: 125px;
 background: #fff url(beebaner3.jpg) no-repeat;
 }

#hdr h1 {
 color: #fff;
 background:#B7734B;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 margin: 0;
 padding: 12px;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#nav {
 float: left;
 width: 135px;
 padding: 12px;
 text-align: center;
 font-size: 100%;
 background: url(divider.gif) no-repeat bottom center;
 padding-bottom: 30px;
 }

 
/*old  basics*/ 
 #nav ul {
 background: url(divider.gif) no-repeat top center;
 margin: 0;
 padding: 30px 0 0 0;
 list-style: none;
 }

 ul#navlist {
  background: url(divider.gif) no-repeat top center;
	text-align: left;
	list-style: none;
	padding: 30px 0 0 0;
	margin: 0;
  width: 98%;
}

/*old  basics*/ 
 	
 #nav li {
 margin: 0;
 border-style: outset; 
 border-width: 1.5px
 
 }
 
 /*old  basics modified*/ 
 
  ul#navlist li {
	display: block;
	margin: 0;
	padding: 0;
}
 
 
 ul#navlist li a {
        display: block;
        width: 100%;
        padding: 1px 0px 1px 1px;
				border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #775D42;
        text-decoration: none;
				text-align: center;
}


#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #D3D0B4;
				font-weight:bold;
				

}

ul#navlist li a:hover, ul#navlist li#active a:hover {

        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}
  
 
	
	
/*dodane z kursu - zmiana linka na kursywe po najechaniu*/
  a:hover {
	color: #996600;
	font-style: italic;
	font-weight:bold;
}




#nav h2 {

}

#cont {
 float: right;
 width:440px;
 padding: 18px;
 text-align: justify;
 }

#cont h2 {
 color: rgb(153, 102, 51);
}

#ftr {
 clear: both;
 color: #fff;
 background:#B7734B;
 font-size: 11px;
 text-align: center;
 border-top: 1px solid #000;
 margin: 1px 0 0 0;
 }


#image
{
margin-right: 15px;
}


#leftImg
{
float:left;
width: 125px;
height: 93px;
padding: 0 5px 5px 0;
}

#rightImg
{
float:right;
width: 125px;
height: 93px;
padding: 0 0 5px 5px;
}

.tabela {
font-size: 90%
}

UL {
list-style-type: square
}

.und {
text-decoration: underline;
}

.it {
font-style: italic;
}

.tab {text-indent: 5px; }
.strzel {letter-spacing: 14px; }
.gesty {letter-spacing: -1px; }
.red {color: red}
.big {font-size: 120%}
.bigger {font-size: 140%}
.biggest {font-size: 160%}

/*Wielkosc liter - lc = male, uc = duze, nw=nazwy wlasne */

.lc {text-transform:lowercase;}
.uc {text-transform:uppercase;}
.nw {text-transform:capitalize;}

/* akapity np <p class="istotne">Treść akapitu</p> */
.uwagi {font-family: Arial; font-size: 12pt; font-weight: bold; }
.istotne {font-family: Times; font-size: 12pt; color: red; }
.przypisy {font-family: Arial; font-size: 10pt; }

#formularz { position: relative; left: 25%; top: 10px; }