h3 {padding-top: 10px; padding-bottom: 20px;  text-indent: 30px; color: #6699cc;}
h4 {padding: 0px;      padding-bottom: 10px;  margin: 0px;  font: bold 10pt verdana;}
p { font-size: 70%; line-height: 150%; margin: 10px 0; font-weight: bold; text-align: center;}
a { text-decoration: none;  }
a: hover{ color: #B3CEE3;}

a.menu{ color:white; text-decoration: none; padding: 2px; margin:0px;}
a.menu:visited:hover{ color:white; background: transparent; border-bottom: 1px solid gray;}
a.menu:hover{ color:white; background: transparent; border-bottom: 1px solid white;}

#baner{ border: none; background: white;  width: 770px; height: 145px; padding: 12px 0px 28px 19px; }

#menu_tab{ width: 770px; color: white;   background: url('../gfx/menu_bg.png');}
#menu_tab td{ height: 10px; padding: 0px; font: 8pt tahoma;  text-align: center; vertical-align: middle;}

#main{ width: 770px; background: white; padding: 20px; }
#main td { vertical-align: top;}

.play_demo{ padding-top: 30px; }
*html .play_demo{ padding-top: 0px; }
.play_demo a { font: 10pt tahoma; color: #156EAE; }
.play_demo a:hover { color: #9999CC; }

#about { text-decoration: none; color: #0000CC; }
#about:hover{ border-bottom:2px dotted #0000CC;}

#features  { padding-left: 100px; }
#features h3{ margin: 15px 0px 30px 0px; text-indent: 0px; padding: 0px}
#features h5{ float: left;  font: bold 9pt verdana; padding: 0px; margin: 0px;}
#features  img { float: left; margin-right: 15px; clear: left;}
#features  ul { float: left; list-style-position: inside; padding: 0px; margin: 0px; }
#features  li { font: 9pt arial; line-height: 120%;}
#features .green { font-weight: bold; color: #090;}
#features .hr { border-bottom: 1px dotted #144692; height: 0px; width: 85%; float: left; clear: both; margin: 10px auto 25px auto;}



#order table td {padding: 1px; padding: 5px; background: white; }
#order table .head td {background: #F8F8F8; font: bold 9pt arial;}

#order .top{height:9px;   background:url('../gfx/cennik/cennik_blue_top.png') no-repeat; font-size: 2px; }
#order .bottom   {height:9px;   background:url('../gfx/cennik/cennik_blue_bottom.png') no-repeat;}
#order .inset {background:#DDEAFA;color: #575757;  text-align: center; padding: 0px; }
#order .inset .left  { border-left: 1px solid #9ac0f2; width: 300px;}
#order .inset .right {border-right: 1px solid #9ac0f2;}


#order .roz_top {height:9px;  font-size: 2px; background:url('../gfx/cennik/cennik_orange_top.png') no-repeat;}
#order .roz_bottom   {height:9px;  background:url('../gfx/cennik/cennik_orange_bottom.png') no-repeat;}
#order .roz_inset {background: #FFE5B8; color: #575757;  text-align: center; padding: 0px; }  
#order .roz_inset .left  { border-left: 1px solid #fbbf4f; width: 300px;}
#order .roz_inset .right {border-right: 1px solid #fbbf4f;}

#order .szary_top  {height:9px; font-size: 2px; background:url('../gfx/cennik/cennik_gray_top.png') no-repeat;}
#order .szary_bottom  {height:9px;   background:url('../gfx/cennik/cennik_gray_bottom.png') no-repeat;}
#order .szary_inset {background: #eeeeee; color: #575757;  text-align: center; padding: 0px; }
#order .szary_inset .left  { border-left: 1px solid #cccccc; width: 300px;}
#order .szary_inset .right {border-right: 1px solid #cccccc;}

#order .staracena{ color: gray; text-decoration: line-through; margin-right: 10px;}
#order .nowacena{ color: #DD0000;  }
#order table td {vertical-align: middle;}


#products table{ font: normal 10pt Verdana, Arial, Helvetica, sans-serif; }
  
ul.produkty { margin: 0px; padding: 0px; list-style: none; margin-left: 130px; list-style-image: url('../gfx/produkty/arrow.gif'); }
ul.produkty li { margin: 0px; padding: 0px; }
ul.produkty a { font-weight: normal !important; }

/* for more-info-separate-subpages */  
table.produkty { padding: 0px; height: 100%;  border:none; width:242px;}
table.produkty .top,.produkty .bottom{overflow: hidden; height: 9px; width: 100%;}
table.produkty .top{background: url(../gfx/produkty/prod_gora.png) no-repeat;}   
table.produkty .bottom{background: url(../gfx/produkty/prod_dol.png) no-repeat;}   
table.produkty .lista{ margin-left: 20px; padding: 0px;}
table.produkty .lista li { padding-top: 3px; }
table.produkty .inset{ background: #EEEEEE; font: 9pt verdana; padding: 4px; padding-top: 10px; border-right: 1px solid #cecece; border-left: 1px solid #cecece; }
table.produkty a { color: #000099; }
table.produkty a:hover { color: #00CCFF; border-bottom: 1px ridge #000099;;}


#roznice { border-collapse: collapse; font: 10pt tahoma; width: 95%;}
#roznice thead{ background: #6699CC; color: white; font-weight: bold; padding-left: 5px; padding-right: 5px; text-align: center;}
#roznice thead td{ vertical-align: middle; }
#roznice .dt{ text-align: left;}
#roznice tbody { text-align: center; font-size: 9pt; }
#roznice td { border: 1px solid black; padding: 3px;}

#koszyk{ width: 80%; font: 10pt verdana; empty-cells: hide;}
#koszyk thead{ background: #6699CC; color: white; font-weight: bold; padding-left: 5px; padding-right: 5px;}
#koszyk tbody { text-align: center; font-size: 9pt; }
#koszyk td { border: 1px solid black; padding: 3px; height: 15px;}
#koszyk .sztuki { padding:0px; margin:0px; height: 15px; background-color: #D9ECFF; vertical-align: middle; }
#koszyk .sztuki input { text-align: right; width: 60px; border: none; margin: 0px; background: transparent;}
*html #koszyk .sztuki input { height: 100%; }
.cena { text-align: right; width: 60px; }


#koszyk2{ width: 80%; font: 10pt verdana; empty-cells: hide; border-collapse: collapse;}
#koszyk2 thead{ background: #6699CC; color: #CCCCCC; font-weight: bold; padding-left: 5px; padding-right: 5px;}
#koszyk2 tbody { text-align: center; font-size: 9pt; }
#koszyk2 td { border: 1px solid black; padding: 3px; height: 15px;}
#koszyk2 .sztuki { padding:3px; margin:0px; height: 15px;}
#koszyk2 .sztuki input { text-align: right; width: 100%; height: 130%; border: none; background-color: #D9ECFF; margin: 0px;}
*html #koszyk2 .sztuki input { height: 100%; }




.delete { width:100px; height: 10px; padding: 0px; }
.delete input{ background: #6699CC; color: white; cursor: pointer; width: 80px; }

#zam_form{ font: 10pt verdana; border-collapse: collapse; width: 80%;}
#zam_form .f_name { text-align: right; padding: 3px; padding-right: 5px; padding-left: 5px;}
#zam_form .f_val { text-align: left;  padding: 3px;}
#zam_form .f_val input { border: 1px solid gray; background-color: #D9ECFF; }
.red {color: red; }

#kontakt, #kontakt2{ margin: 0px; width: 100%; color: #6699cc; }
#kontakt td { font: bold 14pt tahoma;  text-align: left;}
#kontakt .full { width: 200px; font: bold 14pt tahoma;  text-align: left; padding-bottom: 20px;}
#kontakt .txt { color: black; font: 9pt verdana;  padding-top: 10px;}


#footer {background: #125594 url(../gfx/bg-4.png); color: white;  width: 770px; text-align: center;}
#footer a {color: white; text-decoration: none; }
.footer_gorny {font: 10px tahoma,sans-serif; background: url(../gfx/footer-separator.png) bottom left no-repeat; padding: 5px 0 5px 18px}
.footer_gorny a {padding: 0 3px}
.footer_dolny {padding: 4px 0 4px 18px; font: 70% verdana,tahoma,sans-serif; }


BODY { background: #B3CEE3; margin: 0; padding: 0; font: 8pt tahoma; overflow-y: scroll; }