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

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

img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold; color:#333;}
a {font-weight:normal; text-decoration:underline; color:#009;}
a:hover {text-decoration:underline; color:#000;}
a:hover img {border-color:#900;}
.clear {clear:both;}
.left {text-align:left;}

/* glowa */
#glowa {width:800px; height:290px; background: transparent url('img/zdj2.jpg') no-repeat 100% 88px;}
#glowa h1   {width:700px; height:84px; overflow:hidden; background: #fff url('img/logo.jpg') no-repeat 0px 10px;}
#glowa h1 a {width:700px; height:80px; overflow:hidden; display:block;  font-size:10px; line-height:12px; color:#fff; text-decoration:none; text-align:left; }

 							
#zdj1 #glowa {background-image: url('img/zdj1.jpg');}
#zdj2 #glowa {background-image: url('img/zdj2.jpg');}
#zdj3 #glowa {background-image: url('img/zdj3.jpg');}
#zdj4 #glowa {background-image: url('img/zdj4.jpg');}
#zdj5 #glowa {background-image: url('img/zdj5.jpg');}
#zdj6 #glowa {background-image: url('img/zdj6.jpg');}
#zdj7 #glowa {background-image: url('img/zdj7.jpg');}
#zdj8 #glowa {background-image: url('img/zdj8.jpg');}
#zdj9 #glowa {background-image: url('img/zdj9.jpg');}
#zdj10 #glowa {background-image: url('img/zdj10.jpg');}
#zdj11 #glowa {background-image: url('img/zdj11.jpg');}


#glowa #haslo {width:450px; height:120px; padding-top:30px; overflow:hidden; border: 0px solid #fff;}
#glowa #haslo p {color:#999; text-align:left; font-style: italic; font-size:1.1em; line-height:1.2em;  }
#glowa #haslo p#podpis {color:#999; text-align:right; font-style: normal; margin-top:0px  }
#glowa #haslo p#podpis a {color:#999; text-decoration:none;}

#glowa ul {width:800px; clear:both; line-height:30px; overflow: hidden; margin:0; padding-top:24px;} /* tu musi być line-height bo inaczej cale ul jezdzi przy zmianie czcionki */
#glowa li {display:inline;  list-style: none; padding:0;}
#glowa li a {display:block; width:118px; float:left; overflow: hidden;}
#glowa li a {font-size:1.3em;  color:#009; text-align:center; text-decoration: none; line-height:30px;}
#glowa li a.on {color:#900;}
#glowa li a:hover {color:#900; text-decoration:underline;}

#glowa li.m3 a {width:118px;}
#glowa li.m2 a {width:100px;}
#glowa li.m1 a {width:70px;}
#glowa li.m3 a:hover, #glowa li.m3 a.on {background: transparent url('img/przycisk3.png') no-repeat;} 
#glowa li.m2 a:hover, #glowa li.m2 a.on {background: transparent url('img/przycisk2.png') no-repeat;} 
#glowa li.m1 a:hover, #glowa li.m1 a.on {background: transparent url('img/przycisk1.png') no-repeat;} 

#glowa li.m1 a {width:100px;}
#glowa li.m2 a {width:70px;}
#glowa li.m3 a {width:118px;}
#glowa li.m4 a {width:100px;}
#glowa li.m5 a {width:70px;}
#glowa li.m6 a {width:70px;}
#glowa li.m1 a:hover, #glowa li.m1 a.on {background: transparent url('img/przycisk2.png') no-repeat;} 
#glowa li.m2 a:hover, #glowa li.m2 a.on {background: transparent url('img/przycisk1.png') no-repeat;} 
#glowa li.m3 a:hover, #glowa li.m3 a.on {background: transparent url('img/przycisk3.png') no-repeat;} 
#glowa li.m4 a:hover, #glowa li.m4 a.on {background: transparent url('img/przycisk2.png') no-repeat;} 
#glowa li.m5 a:hover, #glowa li.m5 a.on {background: transparent url('img/przycisk1.png') no-repeat;} 
#glowa li.m6 a:hover, #glowa li.m6 a.on {background: transparent url('img/przycisk1.png') no-repeat;} 




/* menu */
#menu  {width:230px; float:left; background: transparent url('img/pion.jpg') no-repeat 228px 30px; padding-bottom:300px;}
#menu ul {margin:15px 30px 40px 10px; }
#menu li {list-style:none; text-align:right; margin-bottom:15px;}
#menu li a {display:block; line-height:1.2em; }
#menu li a {color:#009; font-size:1.2em; text-decoration:none;}
#menu li a:hover {color:#900; text-decoration:underline;}
#menu li a.on    {color:#900;}


/* tresc */
#tresc  { width:520px; float:right; padding:20px 20px 160px 0; display:inline; overflow: hidden; background: transparent url('img/kwiatek.jpg') no-repeat top center; }
h2 {text-align:left; color:#a00;  font-size:2.0em; line-height:1.2em; font-weight:normal; margin:23px 30px 0 0; text-align:right; }
h2 a, h2 a:hover {color:#a00; text-decoration:none;}
h3 {text-align:left; color:#b33;  font-size:2.0em; line-height:1.2em; font-weight:normal; padding-top:20px;}
h4 {text-align:left; color:#666;  font-size:1.6em; line-height:1.2em; font-weight:normal; padding-top:15px; }
p {margin:15px 0 5px 0px;  text-align:justify;}
ul {margin-left:17px; text-align:left; list-style-type: square;}
li {margin-top:10px;}
ul.inside {list-style-position: inside;}
.c {clear:both; text-align:center; }
.clear {clear:both;}
.przerwa {clear:both; font-size:1px; text-align:center; line-height:1.0em;}
p.haslo {text-align:left; color:#900; font-size:1.3em; line-height:1.6em; font-style: italic; margin-top:20px;}
p.dogory {clear:both; text-align:right; color:#888; font-weight:bold; line-height:1.6em; margin:20px 0; padding-top:0px; border-top: 1px solid #ddd;}
p.dogory a {color:#aaa; font-weight:normal; }
.mts {margin-top:5px;}
.uwaga {border: 1px solid #b00; background-color:#eee; padding:0 10px; margin: 20px 0 30px; }

/* table dane */
table.dane {width:600px; 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: #eee;}
table.dane td {padding: 5px 2px; border: 1px solid #999; margin:0;}
table.dane th {padding: 8px 2px; border: 1px solid #999; color:#900; font-weight:normal;}
table.dane td.bordernone {border:none;}

ul.linki {margin:15px 0 30px; list-style:none;  }
ul.linki a {font-size:1.2em; line-height:1.6em; padding-left:20px; background: transparent url('img/st.gif') no-repeat 0% 50% ;}
ul.linki a:hover { color:#000;}

/* zdjecia w tekscie  SPRAWDZONE I OK */
p.l  {clear:both; float:left;  margin:20px 20px 5px 0px; display:inline;}
p.p  {float:right; margin:15px 0px 5px 20px; display:inline;}
p.c  img {margin:3px 6px;}
p.l img, p.p img, p.c img  {padding:5px; background-color: #eee; border: 1px solid #aaa; display:inline; }
p.l a:hover img, p.p a:hover img, p.c a:hover img  {border-color:#d03; background-color: #ddd;}


/* powiekszenie */
img.zdjbig {margin:10px auto; border: 1px solid #bbb; padding:8px; background-color:#eee;}
p.poprze {margin:5px auto; text-align:center; font-size:1.2em;}
p.poprze a {padding:0 40px;}

p.powrot a {text-decoration:none; color:#d03; font-size:1.1em; font-weight:bold;}
p.powrot a:hover {text-decoration:underline; color:#000;}

/* dodatki */
.dodatek {width:200px; margin:0px auto; padding:10px 2px; float:left; display:inline;}
.dodatec {width:auto;  margin:0px auto; padding:10px 5px;}
.dodatek, .dodatec  {text-align:center; line-height:1.1em; color:#666;}

#zawiazywanie img {float:left;}
#zawiazywanie p {clear:both;}

/* inne szczegolne */
#flash { margin:20px auto;}
#licznik {clear:both; font-size:0.7em; color:#666; text-align:left;}

/* form */
form#fkontakt {margin:40px auto; text-align:center;}
form#fkontakt fieldset { border: 1px solid #ccc; width:400px;  background-color: #ddd; }
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.99em; text-align:center;}
form#fkontakt p.bledy {padding:10px 0; margin:10px 0; color: #d00; font-size: 1.1em; text-align:center; background-color:#fff;}
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 */
#keywords {clear:both; font-size:0.8em; line-height:1.0em; color:#bbb; padding: 20px 45px 10px 30px; }

div#stopa {clear:both; width:800px; text-align:center; margin:auto; padding-top:50px;}
div#stopa a {display:block; color: #ccc; text-decoration: none; font: normal 9px/20px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover { color: #aaa;}