html, body {
      text-align: center;
	background : url("tlohtml.jpg");
	color: #000;
	margin: 0;
	padding: 0;
	
}
img {border: 0px;}
#strona {margin : 10px auto 0; padding : 0; width : 768px; text-align : left; overflow: hidden;}
#nadnaglowek {width: 768px; height: 30px; background : url("nadnaglowek.jpg"); }
#naglowek {margin : 0; padding : 0; width : 768px; height : 290px; z-index : 17; position : relative;  background : url("naglowek.jpg"); background-repeat : no-repeat ; overflow: hidden;}
#pasek {width: 2500px;}

#menu {
      width: 140px;
      position: relative;
      z-index: 20;
      float: left;
      margin: 0;
      padding: 0;
}

#informacje {
	width: 120px;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: -30px;
	z-index: 18;
	text-align: center;
	overflow: hidden;

}

#tresc {
       margin-left: 19px; margin-right: 19px; z-index : 19; width: 470px; padding: 0px 0px 70px 0px; position : relative; float: left; top: 0px; color: black; overflow: hidden;
}
#tresc h1 {margin: 0; margin-left : 90px; padding : 0px 0px 30px 0px; color : #000000; font-family : Times New Roman; background : url("h1.jpg") no-repeat; }

#stopka {
	clear: both;
	width: 100%;
	height: 120px;
	background : url("stopka.jpg") no-repeat; background-position: top center;
	text-align: center;
}
/*arkusz styli dla menu*/
div#nadnaglowek a {margin-left : 10px; color : #b00000; font-family : Arial; font-weight : bold; font-size : 10pt;}
div#nadnaglowek p {text-align : right; color:#b00000; position: relative; top: 0px; right: 4px;}
div#podtytul {padding : 0px 0px 20px 0px; width : 470px; height : 30px; position : relative; float : left; background : url("podtytul.jpg"); background-repeat : no-repeat ; }
div#podtytul p {margin : 0px; padding : 0px; position : relative; top: 4px; left: 10px; color : #000000; font-family : Arial; font-weight : bold; }
div.podtytul {padding : 0px 0px 20px 0px; width : 470px; height : 30px; position : relative; float : left; background : url("podtytul.jpg"); background-repeat : no-repeat ; }
div.podtytul p {margin : 0px; padding : 0px; position : relative; top: 4px; left: 10px; color : #000000; font-family : Arial; font-weight : bold; }
div#menu img.menu {margin: 0; padding: 0; position: relative; top: 4px;}
div#menu ul {margin : 0; padding : 0; width : 100%; background : url("ul.jpg"); font-family : Arial; font-weight : bold; font-size : 8pt; }
div#menu li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid; border-color: white; background : url("li.jpg");}
div#menu li.menu11 {position: relative; list-style: none; margin: 0; border-bottom: 1px solid; border-color: white; background : url("li2.jpg");}
div#menu li a {display: block; text-decoration: none; width: 140px; padding: 5px 0px 5px 10px; border-left: 10px solid #726a6a;}
div#menu> ul a {width: auto;}
div#menu ul.menu2 {display: none; position: absolute; top: 0; left: 140px;}
div#menu a {text-decoration: none;}
div#menu a:active  {color: #000000;}
div#menu a:visited {color: #000000;}
div#menu a:link    {color: #000000;}
div#menu a:hover {color: #382efb;}
div#menu p.licznik {color : #000000; font-family : Tahoma; font-size : 8pt; text-align : center;}
/*arkusz styli dla tresci historia*/
div#tresc img.historia {width: 120px; float: right; margin: 0px 0px 0px 5px; border: solid 1px gray;}
div#tresc p.historia {margin: 0px; padding: 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#tresc p.historia1 {margin: 0px; padding: 0px; line-height : 20px; background-position : bottom right; background : url("historia.jpg") no-repeat; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt; }
div#tresc img.historia2 {width: 120px; float: left; border: solid 1px gray;  margin: 0px 5px 0px 0px;}
div#tresc img.chlopcy {position: relative; top: 40px;}
/*arkusz styli dla informacje*/
div#informacje img {border: 0px;}
div#informacje p.info {margin: 0; padding: 0; font-family : Tahoma; font-size : 7pt; text-align : center; text-decoration: none;}
div#informacje a {text-decoration: none;}
div#informacje a:active  {color: #000000;}
div#informacje a:visited {color: #000000;}
div#informacje a:link    {color: #000000;}
div#informacje a:hover {color: #2409ec;}
/*arkusz styli dla stopka */
div#stopka p {position: relative; top : 60px; font-family : Verdana; font-weight : bold; font-size : 9pt;}
/*arkusz styli nagłowek*/
p#pasek {margin : 0; padding : 0; top : 222px; left : 770px; position : relative; color : #0a3963; font-family : Verdana; font-weight : bold; font-size : 11px; letter-spacing : 1px; }
/*arkusz styli dla miniaturek*/
div#miniatury {margin: 0; padding: 0;}
div#miniatura {float : left; margin-left: 20px; padding: 20px; text-align : center; width: 190px;}
/*arkusz styli do wyboru galerii*/
div#galerie {width: 100%; background: url("galeria.jpg"); position: relative; float: left;}
div#galerie a {color : #070064; font-family : Comic Sans MS; text-decoration : none; }
div#tresc td.galerie img {border: 0px;}
/*arkusz styli dla miniaturek*/
div#miniatury {float: left; margin: 0; padding: 0; background: url("galeria.jpg");}
div#miniatura {float : left; margin: 15px; text-align : center; width: 160px;}
div#miniatury a {color : #000000; font-family : Courier New; text-decoration : none; }
/*czlonkowie zespolu*/
div.osoba {width: 150px; float: left; margin-top: 10px; margin-bottom: 20px; text-align: center;}
div.osoba p {margin : 5px 0px 0px 0px; padding : 0px; color : #5c5c5c; font-family : Tahoma; font-weight : bold; font-size : 10pt; }
div.osoba img {border : 2px solid #a9a9a9;}
div.osoba_dzieci {width: 235px; float: left; margin-top: 10px; margin-bottom: 20px; text-align: center;}
div.osoba_dzieci p {margin : 5px 0px 0px 0px; padding : 0px; color : #5c5c5c; font-family : Tahoma; font-weight : bold; font-size : 10pt; }
div.osoba_dzieci img {border : 2px solid #a9a9a9;}
/*aktualnosci*/
div.aktualnosci {width: 470px; overflow: hidden; position: relative; float: left; padding: 0px 0px 20px 0px;}
div.data_aktualnosci {width: 470px; background: red; height: 25px; background: url("data_aktualnosci.jpg");}
div.aktualnosci p {margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; font-family : Trebuchet MS; font-weight : bold; font-size : 10pt; color: #002a7e;}
div.aktualnosci p.dwawiersze {margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; font-family : Trebuchet MS; font-weight : bold; font-size : 10pt; color: #002a7e;}
div.data_aktualnosci p {margin: 0px 0px 0px 10px; padding: 2px 0px 0px 0px; font-family : Trebuchet MS; font-weight : bold; font-size : 10pt; color: #000000;}
/*wyjazdy*/
div.wyjazd {width: 150px; float: left; margin-left: 5px; margin-top: 5px; text-align: center; margin-bottom: 10px;}
div.wyjazd p {margin: 0px; padding: 0px;}
div.wyjazd img {border: 1px solid black;}
div.wyjazd a {text-decoration: none;}
div.wyjazd a:active  {color: #2700a6;}
div.wyjazd a:visited {color: #2700a6;}
div.wyjazd a:link    {color: #2700a6;}
div.wyjazd a:hover {color: #382efb;}
div#usa {background: url("usatlo.jpg");}
div#usa p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#grecja {background: url("greccjatlo.jpg");}
div#grecja p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#portugalia {background: url("portugaliatlo.jpg");}
div#portugalia p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#niemcy {background: url("portugaliatlo.jpg");}
div#niemcy p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#bulgaria {background: url("bulgariatlo.jpg");}
div#bulgaria p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#brazylia {background: url("brazyliatlo.jpg");}
div#brazylia p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#serbia
div#serbia p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#turcja
div#turcja p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
/*miniatury*/
div#mini {text-align: center;}
div#mini img {margin: 5px;}
div#tresc p.bank {color : #ff8a00; font-weight : bold; }
div#tresc p.stowarzyszenie {font-family : Verdana; font-size : 10pt; }
div.ksiega {width: 470px; position: relative; float: left; overflow: hidden;}
div.autordata {width: 100%; position : relative; float : left; background : url("data_aktualnosci.jpg"); font-family : Arial; font-weight : bold; font-size : 10pt; text-align : right; }
div.wpisksiega {width: 100%; font-family : Verdana; font-size : 10pt; text-align : left; position: relative; float: left; padding: 10px 0px 20px 0px;}
div#zdjecie_czlonka {color : #4682b4; font-family : Verdana; font-size : 11px; text-align : center; }
div#zdjecie_czlonka img {border : 2px solid #a9a9a9;}
div#kalendarz {width: 100%; height: 616px; position:relative; float: left; background : url("kalendarz.jpg");}
div#kalendarz table {width: 100%; font-family : Verdana; font-size : 10pt; text-align : justify;}
div#kalendarz tr.data_wystepu {font-weight : bold;}
div#newsy1 {width: 100%; position: relative; float: left;}
div#media {width: 100%; height: 627px; position:relative; float: left; background : url("media.jpg");}
div#media li {color: #005a22; padding: 10px 0px 10px 0px; border-bottom: 1px solid black;}
div#media li a {color : #005a22; font-family : Verdana; font-size : 10pt; text-decoration : none; }
div#media li a:active  {color: #005a22;}
div#media li a:visited {color: #005a22;}
div#media li a:link    {color: #005a22;}
div#media li a:hover {color: #f8a63b;}
div#kontakt {width: 100%; height: 551px; position:relative; float: left; background : url("kontakt.jpg");}
div#kontakt h1.kontakt_nazwa {font-family : Arial; font-size : 12pt;}
div#kontakt h3.kontakt_nazwa1 {font-family : Arial; font-size : 10pt;}
div#kontakt p {font-family : Verdana; font-size : 10pt; line-height : 20px;}
div#stowarzyszenie {width : 100%; height : 1100px; position : relative; float : left; background : url("stowarzyszenie.jpg") no-repeat; }
div#aktualne_info {width: 100%; position:relative; height: 600px; float: left; background : url("bielsko.jpg");}
p.pomoc {font-family : Verdana; font-size : 9pt; }
div#sponsorzy {clear: both; width: 100%;}
div#sponsorzy p {font-family : Verdana; font-size : 9pt;}
p.prosbakod {color : #b22222; font-family : Verdana; font-size : 9pt;}
td.kodobrazka {width : 60px; border : 2px solid black; background-color  : #87ceeb; font-family : Arial; font-weight : bold; text-align : center; }
table.dodawanie_wpisu {position: relative; float: left; width: 100%;}
table.kodobraz {position: relative;}
img.portugalski {position: relative; left: 646px; top: 3px;}
div#historiapor p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#historiaang p {margin: 10px 0px 5px 0px; line-height : 20px; font-family : Verdana; font-size : 10pt; text-align : justify; text-indent : 20pt;}
div#info_brazylia {font-family : Verdana; font-size : 10pt; }
table.sponsorzy_1 {width: 90%;}
table.sponsorzy_1 td {text-align: center;}
table.sponsorzy_2 {width: 80%;}
table.sponsorzy_2 td {text-align: center;}
div#stowarzyszenie img {border: 2px solid gray;}
div#stowarzyszenie {font-family : Verdana; font-size : 9pt;}
table.czlonkowie_komisja td {padding: 5px;}
table.pasek_statusu {width : 100%; font-family : Arial; font-weight : bold; font-size : 8pt; text-align : right; letter-spacing : 1px; float: left;}
td.zalogowany {width : 380px; height : 22px; background-image : url("zalogowany.jpg") ; color : #ffffff; }
td.wyloguj {background-color  : #4c7cf8; color : #ffffff; text-align : center; }
td.wyloguj A:active  {color : #ffffff; text-decoration : none;}
td.wyloguj A:visited {color : #ffffff; text-decoration : none;}
td.wyloguj A:link    {color : #ffffff; text-decoration : none;}
td.wyloguj A:hover   {color : #ffff00; text-decoration : none; }
table.watki {width: 470px; border-top: 2px solid #93b0f8;}
td.usunmodyfikuj {text-align : right; }
td.usunmodyfikuj a:active  {font-family : Arial; font-size : 8pt; text-decoration : none;}
td.usunmodyfikuj a:visited {font-family : Arial; font-size : 8pt; text-decoration : none;}
td.usunmodyfikuj a:link    {font-family : Arial; font-size : 8pt; text-decoration : none;}
td.usunmodyfikuj a:hover   {font-family : Arial; font-size : 8pt; text-decoration : none;}
td.tytulwatku {padding : 5px 0px 5px 0px; color : #000080; font-family : Arial; font-size : 9pt; }
td.tytulwatku a {padding : 5px 0px 5px 0px; color : #000080; font-family : Arial; font-size : 7pt; text-decoration: none;}
td.tytulwatku A:active  {color : #0000cd;}
td.tytulwatku A:visited {color : #0000cd;}
td.tytulwatku A:link    {color : #0000cd;}
td.tytulwatku A:hover   {color : #dc143c;}
tr.dataautor {width : 470px;  color : #006400; font-family : Arial; font-size : 8pt; }
td.dataautor {width : 470px;  color : #006400; font-family : Arial; font-size : 8pt; }
span.dodawaniewatku {background-color  : #e6e6fa;}
span.dodawaniewatku A:active  {color : #0000cd; font-family : Verdana; font-size : 9pt; text-decoration : none;}
span.dodawaniewatku A:visited {color : #0000cd; font-family : Verdana; font-size : 9pt; text-decoration : none;}
span.dodawaniewatku A:link    {color : #0000cd; font-family : Verdana; font-size : 9pt; text-decoration : none;}
span.dodawaniewatku A:hover   {color : #0000cd; font-family : Verdana; font-size : 9pt; text-decoration : none;}
p.autorwatek {width : 470px; border-bottom : 2px solid #add8e6; color : #006400; font-family : Arial; font-size : 10pt; text-align : right; }
p.watektytul {color : #000080; font-family : Verdana; font-weight : bold; font-size : 10pt; }
p.watektext  {line-height : 20px; color : #0000cd; font-family : Verdana; font-size : 9pt; }
p.komentwatek {font-family : Arial; font-size : 7pt;}
span.textkoment {color : #006400; font-family : Arial; font-size : 10pt; padding: 0px; margin: 0px;}
span.komenauto {color : #006400; font-family : Arial; font-size : 7pt; padding: 0px; margin: 0px;}
div#formularz_logowania {margin: 0px; width : 300px; height : 150px; float : left; background-image : url("logowanie.jpg"); color : #ffffff; font-family : Arial; font-weight : bold; font-size : 9pt; text-align : center; }
div#formularz_logowania p {margin-top: 10px;}
div#formularz_logowania form {color : #ffffff; font-family : Arial; font-weight : bold; font-size : 9pt; }
table.formwatki {color : #0000cd; font-family : Verdana; font-size : 10pt; text-align : center; }
A.wroc:active  {color : #006400; font-family : Arial; font-weight : bold; font-size : 8pt;}
A.wroc:visited {color : #006400; font-family : Arial; font-weight : bold; font-size : 8pt;}
A.wroc:link    {color : #006400; font-family : Arial; font-weight : bold; font-size : 8pt;}
A.wroc:hover   {color : #00ff00; font-family : Arial; font-weight : bold; font-size : 8pt; text-decoration : none; }
p.komunikaty {color : #00008b; font-family : Verdana; font-size : 8pt; }
img.jezyk {position: relative; top: 5px; right: 4px; margin-left: 2px;}
div#nadnaglowek A:active  {color : #b00000; text-decoration : none; }
div#nadnaglowek A:visited {color : #b00000; text-decoration : none; }
div#nadnaglowek A:link    {color : #b00000; text-decoration : none; }
div#nadnaglowek A:hover   {color : #2d2470; text-decoration : none; }