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

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

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



/* glowa */
#glowa      {width:700px; height:300px; background: transparent url('img/tlo-glowa.jpg') no-repeat left top;}
#glowa h1 	{width:200px; height:298px; float:left;}
#glowa h1 a { margin:0 0 0 10px; height:298px; display:block; text-align:center; font-size:12px; line-height:12px; color:#fff; overflow: hidden; }

#glowa p		  {margin: 0 8px 0 0; width:440px; float:right; text-align:center; font-size:0.85em; letter-spacing:1px; color:#999; font-family: Verdana, ArialCE, Arial, sans-serif;}
#glowa p#gzdj {padding-top:280px;  background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px;}

/* menu */
#menu    {background: transparent url('img/tlo-menu.jpg') no-repeat top; float:left; width:210px; color:#000; overflow: hidden;}
#menu ul {margin:20px 0 0 0; list-style: none; text-align:center;}
#menu a  {display:block; margin:0px 8px 10px 9px; background: #fff url('img/tlo-li.jpg') repeat-y left; border:1px solid #999; padding: 3px 0; overflow: hidden;} 
#menu a  {font-size:1.1em;  font-weight:bold; text-decoration:none;  color:#666;}
#menu a:hover,  #menu a#on {background-image: url('img/tlo-li-on.jpg');  color:#626; background-position: right;}

#menu #adres   {margin-top:20px;}
#menu #adres p {font-size: 0.95em; text-align: center; color: #333;}
#menu #adres p strong{ color: #333;}
#menu #adres p a {border:none; background:none; display:inline; font-weight:normal; color: #333;}


/* tresc */
#tresc  {float:right; width:420px; padding:10px 25px 50px; margin-right:00px;  background: transparent url('img/tlo_tresc.jpg') no-repeat top right; display:inline;}
h2 {text-align:left; color:#626; font-size:2.0em; font-weight:normal; padding-top:12px; letter-spacing:1px;}
h3 {text-align:left; color:#555; font-size:1.5em; font-weight:normal; padding-top:15px;}
h4 {text-align:left; color:#626; font-size:1.1em; font-weight:bold;   padding-top:15px; }
p {margin:10px 0 0; text-align:justify; line-height:1.3em;}
ul {margin:2px 0 0px 17px; text-align:left; list-style-type: square; line-height:1.3em; }

.p {text-align:right;}
.c {clear:both; text-align:center; }
.clear {clear:both;}
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 {margin-top:10px; text-align:right; }
p.wiecej a {font-weight:bold;}
p.powrot { margin:15px auto; text-align:center; clear:both;}
p.powrot a {font-weight:bold;}
p.powrot a:hover {text-decoration:underline; color:#000;}
p.dogory {clear:both; text-align:right; padding:40px 0 0px;}
hr { clear:both; text-align: left; margin: 10px 0px 0px;  height:5px; border: 1px solid #888; border-width: 1px 0px 1px; color:#eee; }


/* table dane */

table.dane {width:420px; margin:15px auto 30px; border-collapse: collapse; border: 0px solid #999;}
table.dane {font-size:0.9em; line-height:1.2em;}
table.dane tr.cie {background: #f3f3f3;}
table.dane tr.jas {background: #ffffff;}
table.dane td {padding: 5px 2px; border: 1px solid #999; margin:0;}
table.dane th {padding: 8px 2px; border: 1px solid #999; color:#626; background: #ddd;}
table.dane td.bordernone {border:none;}


/* linki administracyjne */
ul.administracja {border: 2px solid #f33; margin:5px 0; padding:10px; background-color:#ffd; color:red; list-style: none;}
ul.administracja a {color:red; text-decoration:none; font-size:1.05em; font-weight:bold;}
ul.administracja a:hover {color:#000;}
a.administracja {color:red; text-decoration:none; font-size:1.05em; font-weight:bold; }


/* lista */
.lista {margin-top:20px; clear:both;}
.lista ul {list-style: inside; margin:8px 0 0;  font-size:0.9em; color:#666;}
.lista p {margin:8px 0 0px; }

/* zdj颩a w tek¶cie  SPRAWDZONE I OK */
div.l  {float:left;  margin:12px 15px 5px 0px; display:inline;}
div.p  {float:right; margin:12px 0px 5px 10px; 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  {background-color:#942;}



/* form */
form#fkontakt { margin:40px auto; text-align:center;}
form#fkontakt fieldset {border: 1px solid #999;  padding:10px;  background: #fff url('img/tlo-li-on.jpg') repeat-y right; }
form#fkontakt p {margin:5px 0 0 0; color: #666;  text-align:center;}
form#fkontakt p.bledy {border: 1px solid red; padding:10px 0; margin:10px 0; color: #d03; font-size: 1.1em; text-align:center; background-color:#fff;}
form#fkontakt input		{width:300px; background: #fff; border: #aaa 1px solid; font-size: 1em; padding:0.2em;}
form#fkontakt textarea	{width:300px; background: #fff; border: #aaa 1px solid; font-size: 1em; padding:0.2em; overflow:auto;}
form#fkontakt .przycisk	{width:150px; background: #fff; border: #aaa 2px 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-left:210px;}
div#stopa a {padding:0px 5px; color:#eee; text-decoration:none; font: normal 9px/9px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #ddd;}