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

/* ogolnie */
body {background: #fff url('img/tlo_body.jpg') repeat-x fixed top; color:#000; font-size:80%; text-align:center; line-height:1.4em;}
#all {width:900px; height:100%; background: #fff url('img/tlo_all.jpg') repeat-x bottom; margin:20px auto 0; padding:20px 0 0px; border: 1px solid #999;}

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


/* glowa */
#glowa {width:900px; height:310px; background: transparent url('img/glowa.jpg') no-repeat top;}
#glowa h1 {float:left; width:320px; height:300px; overflow: hidden; display:inline;}
#glowa h1 a {display:block; width:300px; height:335px; font-size:12px; line-height:1.1em;  color:#FFB400; text-decoration:none; padding-top:40px;}

#glowa p {float:right; width:300px; height:118px; overflow: hidden; display:inline; margin:0;}
#glowa p a {display:block; width:300px; height:116px; font-size:9px; line-height:1.0em; text-align:right;  color:#f9f9f9; text-decoration:none; margin:0; padding:0; }

#glowa ul {width:578px; float:right; clear:right; line-height:14px; overflow: hidden; margin:0; padding:0;} /* tu musi by䟬ine-height bo inaczej ca3e ul je1dzi przy zmianie czcionki */
#glowa li {display:inline;  list-style: none; padding:0;}
#glowa li a {display:block; float:left; width:95px; }
#glowa li a {font-family: Arial, sans-serif; font-size:0.95em;  color:#fff; text-align:center; font-weight:bold; text-decoration: none; line-height:14px}

#glowa li a.m1 {padding: 18px 0px;}
#glowa li a.m2 {padding: 10px 0px;}
#glowa li a.m3 {padding: 18px 0px;}
#glowa li a.m4 {padding: 18px 0px;}
#glowa li a.m5 {padding: 18px 0px;}
#glowa li a.m6 {padding: 18px 0px;}

#glowa li a:hover, #glowa li#on a { background-color:#333;}

/* menu */
#menu  {float:left; width:300px;  color:#000; overflow: hidden; margin-top:30px;}
#menu p {margin:10px 20px; color:#666; font-size:0.85em; line-height:1.2em; text-align:center;}
#flagi {margin:20px 0 0 0px;}
#flagi a {color:#999; font-size:0.7em; text-decoration:none;}
#flagi a:hover {color:#333; text-decoration:none;}
#flagi a img {display:block; border: 1px solid #999; margin-top:10px;}
#flagi a:hover img {border-color:#000; }

.zdj {clear:both; padding:10px 0 0 20px;}
.zdj img {float:left; border: 1px solid #999; margin-left:15px; padding:4px; background-color:#fff;}
#cert {clear:both; margin:50px 0 0 0;}
#cert a {}
#cert a img {display:block; border: 1px solid #fff; margin-top:20px; border: 1px solid #999;}
#cert a:hover img {border-color:#f00;}

img#gal {clear:both; border: 1px solid #999; margin-top:20px;}


/* tresc */
#tresc  {float:right; width:530px; padding:0px 50px 30px 10px;}
h2 {text-align:left; color:#666; font-size:2.2em; line-height:1.0em; font-weight:bold; padding-top:0px; font-family: Arial, sans-serif;}
h3 {text-align:left; color:#666; font-size:1.8em; line-height:1.0em; font-weight:bold; padding-top:30px; font-family: Arial, sans-serif;}
p {margin:15px 0 5px; text-align:justify;}
ul {margin-left:17px; text-align:left; list-style-type: square;}
.c {clear:both; text-align:center; }
.clear {clear:both;}
ul.linki {margin:20px 0 10px; list-style:none; list-style-position: outside;  }
ul.linki a {font-weight:bold; color:#666; font-size:1.2em; line-height:1.8em;  padding-left:20px; background: transparent url('img/st.gif') no-repeat 0% 50% ;}
ul.linki a:hover { color:#000;}


/* banner */
#flash   { border: 1px solid #009; background-color:#fff; clear:both; width:820px; margin: 20px 45px 10px 30px;}
#flash p {margin:0; padding:0; text-align:center;}
#flash p a {background: transparent url('img/tlo_banner.gif') repeat-x bottom; display:block; font-size:1.4em; line-height:1.2em; color:#009; padding: 10px 0;  text-decoration:none; letter-spacing: -1px; }


/* form */
form#fkontakt { margin:40px 20px 0px; text-align:center;}
form#fkontakt fieldset {border: 1px solid #ccc; width:500px; margin: 10px auto; background: #FFFFFF url('img/tlo_body.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.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: 40px 45px 10px 30px; }

div#stopa {clear:both; width:900px; height:15px; text-align:center; margin:auto; padding-bottom:10px;}
div#stopa a {display:block; padding:0px 5px; color: #eee; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #ccc;}