body 
{margin:0px; 
 background: #666666;
 text-align: center; 
   font-family: "Verdana"; 
}

h1 {
	font-size: 20px;
	font-variant: small-caps;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-size: 16px;
	margin-top: 5px;
}

h3 {font-size: 13px;
margin: 0px;
}


p {border: 0px;
   margin-top: 0px;
   margin-bottom: 15px;
   font-size: 11px;
   color: #000000;
}

a
{text-decoration : underline;
 color: #7f9a00;
 font-weight: bold;
}

p a:hover {
        text-decoration : underline;
        color: #d7bc19;
        }

ul
{list-style: none;
   font-size: 12px;
   color: #000000;
}

.header_p
{margin-left: 85px;
 border: 0px;
 padding: 0px;
}

.ramka_p
{float: right;
 margin-left: 8px;
 border: solid 1px #a7bc19;
}

.news h3
{margin: 0px;
 margin-bottom: 3px;
 padding: 0px;
 border: 0px;
 padding-top: 12px;
 color: #af425f;
 font-size: 13px;
 font-weight: bold;
}

.motto
{margin-top: 30px;
 color: #af425f;
 line-height: 19px;
 font-style: italic;
 font-weight: bold;
 font-size: 12px;
 font-family: "Verdana"; 
}

.haslo
{text-align: justify;
 font-weight: bold;
 font-size: 12px;
 font-family: "Tahoma"; 
}

.ramka
{border: solid 1px #a7bc19;
 border-top: none;
 padding: 0px; 
 margin: 0px;
}

.link
{border: 0px;
 margin-top: 8px;
 text-align: right;
 margin-right: 13px;
 font-size: 12px;
}

.weziej
{font-family: "Tahoma"; 
 font-size: 12px;
}

.pole
{border: 0px;
 height: 18px;
 width: 170px;
 margin: 0px;
 margin-bottom: 4px;
 padding: 3px;
 color: white;
 background: #cccccc;
}

.przycisk
{border: 0px;
 height: 24px;
 margin: 0px;
 padding: 0px;
 color: #676767;
 font-size: 19px;
 font-weight: bold;
 background: #cdf33c;
}


/*              rysowanie tla   */


#main 
{width: 980px;
 margin: auto;
 text-align: center;
 border-left: solid 1px #333333;
 border-right: solid 1px #333333;
}

#logo
{height: 100px;
 background: #68c5ee;
}
#logo img
{margin-top: 4px;
 margin-left: 5px;
 border: 0px;
}

#brama_gora
{width: 980px;
 height: 216px;
 background-image: url('images/brama_gora.jpg');
 display: block;
 top: 0px;
 left: 0px;
}

#menu 
{width: 860px;
 display: inline;
 float: left;
 margin-left: 100px;
 text-align: left;
}

#menu img
{border: 0px;
 padding: 0px;
 margin: 0px;
 margin-top: 7px;
 margin-left: 11px;
}

#menu img.flaga
{border: 0px;
 padding: 0px;
 margin: 0px;
 margin-left: 10px;
 margin-bottom: 5px;
}

#brama_srodek
{width: 980px;
 height: 535px;
 background-image: url('images/tlo_srodek.jpg');
 overflow: visible;
}

#brama_lewo
{width: 146px;
 height: 535px; 
 float: left;
 background-image: url('images/brama_lewo.jpg');
 display: inline; 
}

#brama_prawo
{width: 146px;
 height: 535px; 
 float: right;
 background-image: url('images/brama_prawo.jpg');

}

#brama_sampel
{width: 980px;
 height: 75px;
 background-image: url('images/tlo_srodek.jpg');
}

#brama_lewo_s
{width: 146px;
 height: 100%;
 float: left;
 background-image: url('images/brama_lewo_s.jpg');
}

#brama_prawo_s
{width: 146px;
 height: 100%;
 float: right;
 background-image: url('images/brama_prawo_s.jpg');
}

#brama_dol
{width: 980px;
 height: 61px;
 padding-top: 10px;
 background-image: url('images/brama_dol.jpg');
 color: #ff9501;
 font-size: 11px;
}

#brama_dol a
{color: #ff9501;
 text-decoration: none;
}



/* ukladanie miejsca na tresc  */

#tresc
{position: absolute;
 top: 250px;
 float: left;
 margin-left: 135px; 
 width: 705px;
 text-align: justify;
}

#tr_kol_l
{position: absolute;
 width: 255px;
 display: inline;
}

#tr_kol_l_2
{position: absolute;
 width: 300px;
 display: inline;
}

#tr_kol_p_2
{position: relative
 width: 300px;
 float: right;
}

#tr_kol_p
{position: relative;
 width: 420px;
 float: right;
}