/* border: 1px solid red; background-color: #ff0; */

/* stale */
* {font-family:  Arial, Verdana, sans-serif; font-weight:bold;} 
* {margin:0; padding:0;}

img {display: block; border: 0px; margin:0 auto; }
body {color:#bbb; font-size:80%; padding-bottom:500px; line-height:1.3em; text-align:center; background: #000 url('img/tlo3.jpg') repeat fixed 50% 50%;}


#all {width:850px; height:100%; margin:0px auto;}
#glowa {border-bottom: 1px solid red; padding:10px 0; height:100px; background: transparent url('img/logo.gif') no-repeat left; overflow:hidden; }
#flash { width:850px; overflow:hidden;}
#tresc {float:left;  margin-left:12px; padding:15px 20px 50px; width:480px; background: transparent url('img/czarny66.gif') repeat;  border: 1px solid #666; overflow:hidden;}

/* menu */
#menutop {clear:both; line-height:30px; padding:5px 0 20px; text-align:right;} /* tu musi by䟬ine-height bo inaczej ca3e ul je1dzi przy zmianie czcionki */
#menutop li {display:inline; list-style: none; margin-left:12px; padding-left:9px; background: transparent url('img/std.gif') no-repeat left;}
#menutop li a {text-align:right; color:#ddd; line-height:30px; text-decoration:none;  }
#menutop li a:hover, #menutop li a.on {text-decoration:none; color:#f30 }

#menulewe  {float:left;  padding:10px 10px; width:130px; background: transparent url('img/czarny66.gif') repeat; border: 1px solid #666; overflow:hidden;}
#menuprawe {float:right; padding:10px 10px; width:130px; background: transparent url('img/czarny66.gif') repeat; border: 1px solid #666; overflow:hidden;}
.menu p {margin:0; text-align: left; line-height:1.0em;}
.menu p.pusty {margin-left:12px;}
.menu p.ods {margin:1.5em 0 0 0;}
.menu ul {margin:0px;}
.menu li {padding-left:10px; margin-top:7px; line-height:1.0em; list-style-type: none; background: transparent url('img/stm.gif') no-repeat left;}
.menu a {color:#fff; text-decoration:none;  }
.menu a:hover, .menu a.on {text-decoration:none; color:#f30;}




/* ogolnie - tresc */
p {text-align:justify; margin-top:1em; }
.odstep {margin-top:2em; }
.l {text-align:left;}
.p {text-align:right;}
.c {text-align:center;}
.clear {clear:both; margin:0px;}
.zie{color:#0d0;}
.cze{color:#f30;}
pre {text-align:left;}
.zapytaj {display:block; color: #bbb; padding: 5px 0;}
.index {color:#999; font-size:0.9em;}
.index strong {color:#999;}


.msg {color:#f30; border: 1px solid #f30; padding:10px; font-size:1.1em; text-align:left;}
.ods {margin-top:1.5em;}

strong {color:#0f0;}

ul {text-align:left;  margin-left:17px; }
ol {text-align:left;  margin-left:23px; }
li {line-height:1.2em;  margin-top:8px; }

h1 {font-size:1.8em; line-height:1.1em; color:#ddd; text-align:left; padding:0px 0 5px;}
h2 {font-size:1.4em; color:#ddd; text-align:left; padding:30px 0 0px;}
h3 {font-size:1.2em; color:#0f0; text-align:left; padding:30px 0 0px;}
h5 {font-size:1.0em; color:#bbb; text-align:left; padding:10px 0 0px;}
h1 a {text-decoration: none;}
h3.bezmt {padding-top:0px}

a {color:#fff; text-decoration:none;}
a:hover {color:#f30; text-decoration: underline;}

.fl {float:left; display:inline;}
.fp {float:right; display:inline;}



/* zdj颩a w tek¶cie  SPRAWDZONE I OK
div.floatl {float:left; margin: 20px 10px 2px 30px; display:inline;}
div.floatr {float:right; margin: 20px 30px 2px 3px; display:inline;}
div.floatl img, div.floatr img {padding:5px; background-color:#eee; border: 1px solid #aaa; display:inline;}
div.floatl a:hover img, div.floatr a:hover img {border-color: #c05;}
*/

/* din */
.dinlista {clear:both; padding-top:30px;}
.dinlista h2  {padding: 10px 0 0 230px;}
.dinlista a  {text-decoration: none;}
.dinlista p   {margin: 5px  0 0 230px;}
.dinlista p.more   {text-align:right;}
.dinlista img {border: 1px solid #666; padding:7px; display:inline;}
.dinlista a:hover img {border-color: #fff; }

/* din */
.din h2  {padding-top:10px ;}
.din p   {margin: 5px 0;}
#bigramka {width:464px; border: 1px solid #666; padding:7px; margin:15px auto 0;}
#bigtlo   {width:464px; background: transparent url('produkty_din/brak.gif') repeat;}


/* tabele */
table.dane {width:480px; text-align:center;  margin:20px auto; border-collapse: collapse;  border: 1px solid #666;} 
table.dane td {padding:3px 1px; border: 1px solid #666; line-height:1.1em; font-size: 0.95em; }
table.dane th {padding:8px 1px; border: 1px solid #666; line-height:1.1em; background-color: #333; font-size: 0.95em;}
table.dane td.gre a {color:#0f0;}
table.dane td.red a {color:#f30;}
table.dane td a {text-decoration:none;}
table.dane td a:hover {color:#f30; text-decoration:none; }
table.dane td a.usu {color:#f30; font-size:1.2em; text-decoration:none;  }

table.koszskr {width:130px; text-align:center;  margin:7px auto; border-collapse: collapse; border: 1px solid #666;} 
table.koszskr td {padding:2px; border: 1px solid #666; font-size:0.95em;}
table.koszskr th {padding:2px; border: 1px solid #666; font-size:0.95em; background-color: #333; }

table.dane a.dokoszyka {border: 2px solid #090; color:#0b0; background-color:#333; display:block; width:6em; padding:4px; margin:2px auto; line-height:1.0em; font-size:0.9em; }
table.dane a:hover.dokoszyka {color:#0b0;}



/* form */
form#formkosz input				{width:35px;  background-color: #333; border: #aaa 1px solid; font-size: 1.0em; text-align:center; padding:0.2em; color:#fff;}
form#formkosz input.przycisk  {width:8em; border: 2px solid #090; color:#0b0; background-color:#333; cursor: pointer; }
.pusty {margin: 0 0 20px;}

a.przycisk {width:8em; display:block;  border: 2px solid #090; color:#0b0; background-color:#333; text-align:center; padding:5px 3px; text-decoration:none;  }
a:hover.przycisk {color:#0b0; text-decoration: none;}

form { margin:0 auto; text-align:center; color:#bbb;}
form fieldset {border: 1px solid #666;  padding:0px 10px 10px 2px; margin-top:20px; }
form h3 {padding-top:40px;  text-align:center;}
form p {margin:10px 0 0 0; color: #bbb;  text-align:right;}
form input.text		   {width:200px; background-color:#333; border:1px solid #aaa; color:#fff; padding:0.2em;}
form input.textreadonly	{width:200px; background-color:transparent; border:none; color:#fff; padding:0.2em;}
form input.checkbox	{				  background-color:#333; border:2px solid #aaa; }
form input.submit  	{width:10em;  background-color:#333; border:2px solid #090; color:#0b0; padding:0.4em; cursor:pointer; }
form textarea			{width:200px; background-color:#333; border:1px solid #aaa; color:#fff; padding:0.2em; overflow:auto; font-size: 1.0em;}
form p.c {margin-top:1px;}





/* stopa */
#stopa {clear:both; padding:1px; text-align:right;}
#stopa a {font-size:9px; color:#333; text-decoration:none;}

/* linki administracyjne */
ul.administracja {display:block; float:left; width:120px; border: 2px solid #6f0; margin:5px 15px; padding: 5px 10px; background-color:#000; color:#6f0; list-style: circle; font-size:0.9em;  line-height:1.4em; list-style-position: inside;}
ul.administracja li {margin-top:2px;}
ul.administracja li strong {color:#f60;}
ul.administracja a {color:#6f0; text-decoration:none;  }
ul.administracja li a:hover  {color:#ff0; text-decoration:underline;}



/* tla stron */
body#firma 			{background: #000 url('img/tlo2.jpg') repeat fixed 50% 50%;}
body#index			{background: #000 url('img/tlo1.jpg') repeat-x fixed bottom;}
body#stal			{background: #000 url('img/tlo1.jpg') repeat-x fixed bottom;}
body#kontakt		{background: #000 url('img/tlo2.jpg') repeat fixed 50% 50%;}
body#warunki		{background: #000 url('img/tlo4.jpg') repeat fixed 50% 50%;}