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

/* ogolnie */
body {background: #b2b2b2 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.jpg') repeat-y left; margin:0px auto; padding:0px; border-bottom: 1px solid #666;}

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


/* glowa */
#glowa {width:780px; height:212px; background: transparent url('img/glowa.jpg') no-repeat bottom;}
#glowa a#logo {display:block; float:right; width:580px; height:52px; background: transparent url('img/loga.gif') no-repeat top; overflow: hidden;}

#glowa h1 {margin:0px 0 0; list-style: none; clear:both; text-align:left; }
#glowa .hs {margin-left:20px; margin-bottom:5px; padding-top:12px;}
#glowa .df {margin-left:85px;}
#glowa .ds {margin-left:150px;}
#glowa .dr {margin-left:215px;}
#glowa h1 a {display:block; font-family: Georgia, "Times New Roman", serif; color:#fff; font-size:19px; line-height:31px; font-weight:normal; font-style: italic; text-decoration: none;  }

/* menu */
#menu  {float:left; width:200px; background-color: #0c3400; color:#fff; overflow: hidden;}
#menu ul {margin: 20px 0; list-style: none;}
#menu li {margin-top:10px;}
#menu a {font-family: Georgia, "Times New Roman", serif; color:#fff; font-size:1.25em; line-height:1.5em; font-weight:normal; text-decoration: none;  }
#menu a {display:block; background-color:#2a4d20; padding:5px 5px 7px 20px; border: 1px solid #686; border-width:1px 0;}
#menu a:hover, #menu a#on {background-color:#4c6a44; border-color:#efe; text-decoration:none;}

/* tresc */
#tresc  {float:right; width:520px;  padding:30px 30px;}
h2 {font-family: Georgia, "Times New Roman", serif; text-align:left; color:#d03; font-size:1.9em; font-weight:normal;}
h2.sm {font-size:1.7em;}
h3 {font-family: Georgia, "Times New Roman", serif; text-align:left; color:#d03; font-size:1.5em; font-weight:normal; padding-top:30px;}

p {margin-top: 10px; text-align:justify;}
p.opis {font-size:1.1em; color:#060;}
p.wciete {text-indent:-30px; margin-left:30px;}
.c {clear:both; text-align:center; }
.clear {clear:both;}

ul {margin-left:17px; text-align:left; list-style-type: square;}
ul.linki {margin-top:10px; margin-bottom:10px; }

a.nolink {text-decoration:none; color:#000;}

/* zdjęcia w tek¶cie  SPRAWDZONE I OK */
p.l  {float:left;  margin:15px 20px 5px 0px; display:inline;}
p.p  {float:right; margin:15px 0px 5px 20px; display:inline;}
p.l img, p.p img, p.c img  {padding:5px; background-color: #eee; border: 1px solid #bcb; display:inline; }
p.l a:hover img, p.p a:hover img  {border-color:#d03;}

/* pliki do pobrania */
#pdf {border: 1px solid #d03; margin-top:30px; padding:10px 20px; background: transparent url('img/tlo_lista.jpg') repeat-x top;}
#pdf p  {font-weight:bold; color:#d03; font-size:1.1em;  margin-top:5px;}
#pdf ul { list-style: url('img/pdf-ikona.gif');}
#pdf li {margin:5px; margin-left:10px;}
#pdf a  {text-decoration:none;  font-size:1.05em;}

/* powiększenie */
img#galeria {margin:0 auto; border: 1px solid #bbb; padding:8px; background-color:#eee;}
p.powrot {margin:15px auto; text-align:center;}
p.powrot a {font-size:1.1em; font-weight:bold;}


/* lista */
.lista {clear:both; margin:20px 0;  background: transparent url('img/tlo_lista.jpg') repeat-x top;}
.lista {padding:5px 10px; border-top: 1px solid #ccc;}
.lista a {text-decoration:none; display:block; color:#000;}
.lista h4 {text-align:left; padding-top:5px;}
.lista h4 a {font-family: Georgia, "Times New Roman", serif; text-align:left; color:#666; font-size:1.0em; font-weight:normal; font-weight:bold;}
.lista h4 a:hover {color:#d03;}
.lista p {margin-top:5px; line-height:1.3em; font-size:0.97em;}
.lista p a:hover {color:#333;}
.lista a .wiecej {text-decoration:underline; color:#d03; margin:0 0 0 5px;}
.lista a:hover .wiecej {text-decoration:none;}

/* form */
form#fkontakt { margin:40px 20px 0px; text-align:center;}
form#fkontakt fieldset {border: 1px solid #ccc; width:30em; margin: 10px auto; background: #FFFFFF url('img/tlo_fkontakt.jpg') repeat-x bottom; }
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: #666; font-size: 0.95em; text-align:center;}
form#fkontakt p.bledy {padding:10px 0; margin:10px 0; color: #d03; font-size: 1.1em; text-align:center; background-color:#dfd;}
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; width:780px; height:20px; text-align:left; margin:auto;}
div#stopa a {float:left; display:block; padding:0px 5px; color: #050; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #693;}