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

/* ogolnie */
body {background: #fff url('img/tlo_body.jpg') repeat-x top; color:#000; font-size:75%; text-align:center; line-height:1.4em;}
#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:#740;}
a {font-weight:normal; text-decoration:underline; color:#000;}
a:hover {text-decoration:underline; color:#000;}
a:hover img {border-color:#900;}
.clear {clear:both;}
.left {text-align:left;}
.small {font-size:0.9em; color:#666; line-height:1.4em;}

/* glowa */
#glowa {width:800px; height:330px; background: transparent url('img/glowa4.jpg') no-repeat bottom;}
#zwalczanie_kretow #glowa		{background-image: url('img/glowa5.jpg')}
#zwalczanie_nornic #glowa		{background-image: url('img/glowa6.jpg')}
#zwalczanie_komarow #glowa		{background-image: url('img/glowa5.jpg')}
#zwalczanie_meszek #glowa		{background-image: url('img/glowa6.jpg')}
#zwalczanie_spuszczeli #glowa	{background-image: url('img/glowa5.jpg')}
				

#glowa h1   {width:500px;float: left; height:90px; overflow:hidden; background: #ddd url('img/logo.jpg') no-repeat 40px 0px;}
#glowa h1 a {width:500px; text-indent: -1000px; height:90px; overflow:hidden; display:block;  font-size:10px; line-height:12px; color:#ddd; text-decoration:none; text-align:left; }

#glowa ul   {width: 300px; border-top: 1px solid #000; clear:both; overflow: hidden; margin:12px 0 0 40px; padding:0px }
#glowa li   {width: 300px; list-style:none; padding:0; text-align:left; margin:0;}
#glowa li a {width:300px; display:block; font-size:1.2em; font-weight:bold; color:#fff; text-align:center; text-decoration: none; line-height:30px; border-bottom: 1px solid #000;}
#glowa li a:hover, #glowa li a.on { background-color: #531; color:#fff;}


/* menu */
#menu  {border: 1px solid #fff; width:340px; float:left; }
#menu img {border: 1px solid #999; padding:6px; background-color: #eee; margin:40px 0 0 40px;}


#menu ul   {width: 300px;  clear:both; overflow: hidden; margin:22px 0 0 40px; padding:0px }
#menu li   {width: 298px; list-style:none; padding:0; text-align:left; margin:15px 0 0 0 ;}
#menu li a {width:284px; height:90px; display:block; border: 1px solid #999; padding:6px;  }
#menu li a {font-size:5px; line-height:5px; font-weight:normal; color:#660;  text-align:center; text-decoration: none; }

#menu li.m1 a {background: #eee url('img/p1.jpg') no-repeat 50% 50%;} 
#menu li.m2 a {background: #eee url('img/p2.jpg') no-repeat 50% 50%;} 
#menu li.m3 a {background: #eee url('img/p3.jpg') no-repeat 50% 50%;} 
#menu li.m4 a {background: #eee url('img/p4.jpg') no-repeat 50% 50%;} 
#menu li.m5 a {background: #eee url('img/p5.jpg') no-repeat 50% 50%;} 
#menu li.m1 a:hover {background: #eee url('img/p1_on.jpg') no-repeat 50% 50%;} 
#menu li.m2 a:hover {background: #eee url('img/p2_on.jpg') no-repeat 50% 50%;} 
#menu li.m3 a:hover {background: #eee url('img/p3_on.jpg') no-repeat 50% 50%;} 
#menu li.m4 a:hover {background: #eee url('img/p4_on.jpg') no-repeat 50% 50%;} 
#menu li.m5 a:hover {background: #eee url('img/p5_on.jpg') no-repeat 50% 50%;} 

/* tresc */
#tresc {border: 1px solid #fff; width:395px; float:right; padding:0px 30px 80px; display:inline; overflow: hidden; background: transparent url('img/kwiatek.jpg') no-repeat top center; }
h2 {text-align:left; color:#740; font-size:2.0em; line-height:1.2em; font-weight:normal; margin:33px 30px 0 0; }
h3 {text-align:left; color:#740; font-size:2.0em; line-height:1.2em; font-weight:normal; padding-top:20px;}
h2 a, h2 a:hover {color:#a00; text-decoration:none;}

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:5px;}
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; }


/* zdjecia w tekscie  SPRAWDZONE I OK */
p.l  {clear:both; float:left;  margin:10px 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;}


/* form */
form#fkontakt {margin:40px auto; text-align:center;}
form#fkontakt fieldset { border: 1px solid #ccc; width:400px;  background-color: #eee; }
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 */
#stopa ul {text-align:center; width:800px; margin:7px auto; } 
#stopa li {display:inline;  list-style: none; padding:0; text-align:center; }
#stopa li a {padding:0 5px; text-align:center; border:1px solid #666; border-width:0 1px; line-height:1.0em;  }

div#stopa {clear:both;  text-align:center; margin:20px auto 0; padding:5px 15px; background-color: #333;}
div#stopa a {color: #aaa; text-decoration: none; font: normal 9px/15px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #fff; border-color:#fff;}