/* border: 1px solid red; background-color: #ff0; */
/* stale */
* {font-family: Verdana, Arial, sans-serif;}
* {margin:0; padding:0;}

/* ogolnie */
body {background: #8c8c8c url('img/tlo_body.jpg') repeat-x scroll top; color:#000; font-size:75%; text-align:center; line-height:1.6em;}
#all {width:780px; height:100%; background: #fff url('img/tlo_all.jpg') repeat-y left; margin:0px auto; padding:0px;}

img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold;}
a {font-weight:normal; text-decoration:underline; color:#127;}
a:hover {text-decoration:none; color:#000;}
a:hover img {border-color:#333;}


/* glowa */
#glowa {width:780px; height:445px; background: transparent url('img/glowa.jpg') no-repeat top;}
#glowa h1 {float:left; width:200px; height:170px; background: transparent url('img/logo.gif') no-repeat 10% 80%; overflow: hidden; display:inline;}
#glowa h1 a {display:block; width:200px; height:170px; font-size:8px; line-height:9px; color:#007; text-decoration:none; }

#glowa ul {float:right; line-height:28px; margin:120px 40px 0 10px; padding:0;} /* tu musi być line-height bo inaczej cale ul jezdzi przy zmianie wlk czcionki */
#glowa li {display:inline; list-style: none;  margin:0 0 0 7px; padding:0; white-space: nowrap;}
#glowa li a {padding:3px 10px; border: 1px solid #fff; text-align:center;}
#glowa li a {color:#fff; font-size:1.2em;  font-weight:bold; text-decoration: none; font-family: Arial, sans-serif; }
#glowa li a:hover, #glowa li#on a {background-color:#000; border-color:#ff0; color:#ff0;}




/* tresc */
#tresc  {padding:20px 50px 20px; background: transparent url('img/tlo_tresc.jpg') no-repeat top right; overflow:hidden; text-align:left}
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif;}
h2 {text-align:left; color:#127; font-size:2.1em; font-weight:bold; padding-top:30px;}
h3 {text-align:left; color:#127; font-size:1.6em; font-weight:bold; padding-top:20px; clear:both;}
h4 {text-align:left; color:#127; font-size:1.3em; font-weight:bold; padding-top:10px; clear:both;}
h5 {text-align:left; color:#127; font-size:1.3em; font-weight:bold; padding-top:10px; clear:both;}
p {margin:5px 0; text-align:justify;}
ul {margin-left:17px; text-align:left; list-style-type: square;}
ol {margin-left:30px; text-align:left;}
pre {text-align:left; white-space: pre-wrap;}



.c {clear:both; text-align:center; }
.clear {clear:both;}
.nowrap {white-space: nowrap}
a.gora {clear:both; display:block; font-weight:normal; font-size:0.95em; color:#aaa; line-height:1.5em; text-align:right; border-bottom: 1px solid #eee; margin:10px 0; }
a.gora:hover {color:#933; text-decoration:none; border-color:#933 }
ul.linki {margin-top:10px; margin-bottom:10px; color:#933;}
p.wiecej {color:#933; font-weight:bold; margin-top:10px;}


/* zdjęcia w tek¶cie  SPRAWDZONE I OK */
div.l  {float:left;  margin:12px 25px 10px 0px; display:inline;}
div.p  {float:right; margin:12px 0px 10px 25px; display:inline;}
div.l img, div.p img, div.c img  {padding:6px; background-color: #eee; border: 1px solid #999; display:inline; }
div.l a:hover img, div.p a:hover img, div.c a:hover img  {border-color:#127; background-color:#ddd;}


/* galeria */
#big { padding:6px; background-color:#eee; border: 1px solid #999; margin:20px 0 20px 15px;}
.gal {float:left; width:290px;}
.gal img { padding:6px; background-color:#eee; border: 1px solid #999; margin:30px 0 20px 30px;}
.poprze {text-align:center; font-size:1.2em;}
.poprze a {padding:0 40px;}

/* wyswietlane przez makwww */

form {}
input, select {margin:2px 2px;}
.text2 {width: 20em;}
table {width:670px; margin-top:10px;}
table td {font-size:10px; font-style:normal; text-align:center; border: 1px solid #fff; width:333px;}





/* form */
form#fkontakt { margin:40px 20px 0px; text-align:center;}
form#fkontakt fieldset {border: 1px solid #ccc; width:30em; margin: 10px auto; background: #8c8c8c url('img/tlo_body.jpg') repeat-x top; }
form#fkontakt legend {border: 1px solid #ccc; text-align:center; color: #666; font-weight:bold; padding: 2px 5px; margin-left:7em;}
form#fkontakt p {margin:5px 0 0 0; color: #333; font-size: 0.99em; text-align:center;}
form#fkontakt p.bledy {padding:10px 0; margin:10px 0; color: #f00; font-size: 1.1em; text-align:center; background-color:#ff9;}
form#fkontakt input		{background: #fff; border: #aaa 1px solid; font-size: 1em; padding:0.2em;}
form#fkontakt textarea	{background: #fff; border: #aaa 1px solid; font-size: 1em; padding:0.2em; overflow:auto;}
form#fkontakt .przycisk	{background: #fff; border: #aaa 1px solid; font-size: 1em; font-weight:bold; line-height:2em; margin-top:10px; margin-bottom:10px;}

/* stopka */
div#stopa {clear:both; text-align:center; margin:50px auto 0;}
div#stopa a {text-align:center; display:block; padding:0px 5px; color: #eee; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #ddd;}