/*zarys strony - wielkość*/

body {   


	background: #567500 ;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	font-family: helvetica ;
	font-size:   14px;
}

#border{
  margin: 0 auto;
  padding:2px 2px 2px 2px;
  width: 1002px;
  background: #000000;
}


#main1{align:top;
  margin: 0 auto;
  padding: 15px 0px 15px 0px;
  width: 1000px;
  background: #fdfdfd url('../images/cienstrony.jpg');
  background-repeat:no-repeat;
  
}

#main{
  margin: 0 auto ;
  padding: 0px 0px 0px 0px;
  width: 960px;
  background: #EBF2BE; 
  
}


.pics {
   /* wartosci te powinny byc conajmniej takie jak rozmiary zdjecia */
   width: 250px; /* wysykosc elementu HTML gdzie osadzone sa zdjecia */
   height: 170px; /* szerokosc elementu HTML gdzie osadzone sa zdjecia */
   padding: 0;
   margin: 0;
}

.pics img {
   padding : 3px;
   border: 1px solid #567500;
   background-color: #567500;
   /* rozmiary zdjecia */
   width: 250px; /* szerokosc wyswietlanych zdjecia */
   height: 170px; /* wysokosc wyswietlanych zdjiecia */
   top: 0;
   left: 0 auto;
} 
/*zatys strony - wielkość*/ 





/*menu styl*/ 

.menu {
	position: relative;
}

.menu dl {
	width: 160px;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #666 #666 #aaa;
}

.menu dt {
	margin: 0;
	padding: 2px 5px;
	cursor: pointer;
	background-color: #567500 ;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.menu dd {
	margin: 0;
	padding: 2px 5px;
	background-color: #EBF2BE;
	color: #000;
}



a{
color:black;
text-decoration:none;
}

a:hover{
color:blue;
text-decoration:none;
}

a img {border: 0;} 

/*menu styl*/




.przerwa {
	height: 20px;
}
.przerwad {
	height: 40px;
}
.przerwa2 {
	height: 160px;
}


 
.prawyrog {
    position:relative;
    bottom:-5px;
    left:900px;
}




/*logo lewa góra*/
.m1{
	display: inline;
	float: left;
	width: 164px;
	height: 86px;
}
/*baner środek góra*/

.m2{
	display: inline;
	width: 396px;
	height: 86px;
	float: left;
}

/*baner prawa góra*/
.m3{
	display: inline;
	float: left;
	width: 400px;
	height: 86px;
}
.m1-3{
	display: inline;
	float: left;
	text-align: right;
	width: 960px;
	height: 86px;
	
}
	

.m4{
	
	border: 5px; 
	margin-left: 5px;
	height: 240px;
	float: left;

}


/* kolumny dla galerii fotek*/


#galeria img.thumb {

background-color: #EBF2BE;
border: 1px #fff solid;

padding: 7px;
margin-right: 7px;
margin-bottom: 7px;

}


#galeria a:hover img.thumb {
background-color: #567500;
border: 1px #567500 solid;


}

table {
    margin-left: auto;
    margin-right: auto;
}



/* kolumny dla galerii fotek*/


/*fotka od lewej*/

.prawa{
	position:relative;
	border: 5px; 
	margin-left: 5px;
	height: 240px;
	left: 150px;
	float: left;
}




/*style czcionki*/

.styl3 {
	font-size: 14px;
	font-family: helvetica;
	font-weight: bold;
	
}

.styl5 {
	color: #8F2608;
	font-size: 18px;
	font-family: helvetica;
	font-weight: bold;
}

.styl1 {
	color: #8F2608;
	font-size: 22px;
	font-family: helvetica;
	font-weight: bold;
}




/*kontenery */
 #container
 {
 width: 90%;
 margin: 1em auto;
 border: 0px solid #567500; 
 padding: 1em;
 height: 100%;
 overflow: hidden;

 }

 #content
 {
 float: left;
 width: 60%;
 }


 #sidebar
 {
 border: 2px solid #567500; 
 padding: 1em;
 float: right;
 width: 30%;
 font-family: helvetica ;
 font-size:   13px;
 }