/* border: 1px solid red; background-color: #ff0; */
/* stale */
body, p, ul, ol, li, table, td, th, a, h1, h2, h3, h4, h5, h6, input, textarea {font-family: Verdana, Arial, sans-serif;}
body, p, ul, ol, li, table, td, th, a, h1, h2, h3, h4, h5, h6 {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.6em;}
#all {border: 1px solid black; border-width:0 1px; width:780px; height:100%; background: #fff url('img/tlo.jpg') repeat-y left; margin:0px auto; padding:0px;}

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


/* glowa */
#glowa {width:780px; height:150px; background: #999 url('img/glowa.jpg') no-repeat right;}
#glowa h1 {float:left; width:220px; height:150px; background: #999 url('img/logo.jpg') no-repeat top; overflow: hidden;}
#glowa h1 a {display:block; width:220px; height:150px; font-size:0.5em; color:#fff; text-decoration:none;}

#glowa p#adres {height: 72px; margin:0; padding-top:37px; padding-right:30px;  overflow: hidden; text-align:right;}
#glowa p#adres a {color:#fff; font-family: Arial, sans-serif; font-size:15px; font-style:italic; font-weight:bold; text-decoration:none;}
#glowa p#adres a:hover {color:#333;}

#glowamenu ul {} 
#glowamenu li {display: inline; padding:0px 10px 0px 10px; margin-right:15px;} 
#glowamenu li a {color: #fff; text-decoration:none; font-weight:bold; font-family: Arial, sans-serif; font-size:16px; line-height:32px; font-style: italic;} 
#glowamenu li a:hover, #glowamenu li a#on {color: #ddd; text-decoration:underline;} 




/* menu */
#menu  {float:left; width:218px; height:554px; background: #999 url('img/tlo_menu.jpg') repeat-x top left; color:#fff; overflow: auto;}
#menu ul {margin: 10px 25px 0px 30px; list-style: none;}
#menu li {margin-top:7px; line-height:1.2em; background: url('img/ptaszek.gif') no-repeat left top; padding-left:20px;}
#menu li a {color: #fff; text-decoration:none; font-weight:bold; font-family: Arial, sans-serif; font-size:1.2em; font-style: italic;}
#menu li a:hover, #menu li a#on {color: #ddd; text-decoration:underline;}
#haslo {text-align: center; margin:18px;}
#haslo a {color: #ff0; text-decoration:none; font-weight:bold; font-family: Arial, sans-serif; font-size:1.25em; font-style: italic;}
#haslo a:hover {color: #fff;}

/* tresc */
#tresc  {float:right; width:560px; background: url('img/tlo_tresc.jpg') no-repeat top; padding:30px 0px;}
h2 {text-align:left; color:#d22; font-family: Arial, sans-serif; font-size:2em; font-style: italic; padding: 20px 30px 0px 13px; font-weight:bold;}
p {margin: 10px 30px 0px 15px; text-align:justify;}
ul {margin: 0px 30px 0px 32px; text-align:left; list-style-type: square;}
.c {clear:both; text-align:center; }
.clear {clear:both;}
#gg {display:inline; padding:0;}

/* tresc lewa prawa ze zdjêciem */
p.l, p.p {clear:both; text-align:justify;}
p.l img {float:left; margin-right: 20px; margin-top:5px;}
p.p img {float:right; margin-left: 20px; margin-top:5px;}
p.c img { margin:5px 10px;}
p.l img, p.p img, p.c img  {background-color: #eee; border: 1px solid #bbb; padding:5px; display:inline; }
p.l a:hover img, p.p a:hover img  {border-color:#333;}

/* tresc oferta */
ul#oferta {margin-top:10px;}
ul#oferta li {margin-top:5px; line-height:1.3em;}
ul#oferta a {text-decoration:none; font-weight:normal; color:#000;}
ul#oferta a strong {text-decoration:underline; color:#333; }

table.produkty {width:530px; margin:15px auto 30px; border-collapse: collapse; border: 1px solid #999; }
table.produkty {font-size:0.85em; line-height:1em;}
table.produkty tr.cie {background: #f3f3f3;}
table.produkty td {padding: 3px 3px; border: 1px solid #ccc;}
table.produkty th {padding: 5px 4px; border: 1px solid #999; background: #ddd;}
sup {font-size:0.9em;}

/* zdj */
body#galeria {padding:20px;}
body#galeria a {font-size:1.0em; text-decoration:none; font-weight:normal;}
body#galeria a strong {font-size:1.4em; font-weight:normal; padding:0 50px;}

body#galeria a:hover {text-decoration:underline;}
body#galeria div#zdj {margin: 10px auto;}
body#galeria div#zdj img {display: inline; border: 1px solid #999; padding:10px; background-color:#eee;}


/* 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_form.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 input		{background: #fff; border: #aaa 1px solid; font-size: 1em;}
form#fkontakt textarea	{background: #fff; border: #aaa 1px solid; font-size: 1em;  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:right;}
div#stopa a {float:right; display:block; padding:2px 5px; color: #eee; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #666;}