body { background-color: #28180E; text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px}
    * { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; border:0px; font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif; vertical-align: top;}

    h1 {font-size: 16px; color: #D07B01; margin:15px 10px 5px 15px; text-align: left}
    h1.lewy { font-size: 15px; color: #660000; }
    h1.prod {text-align: left; font-size: 14px; color: #564231;}
    h2 {font-size: 14px; color: #660000; text-align: left; margin:10px;}
    h3 {font-size: 12px; color: #660000; text-align: left; margin:10px;}

    div#wrapper {width: 868px; background-color: #28180E; margin-left: auto; margin-right: auto; background-image: url(images/leftmenu.jpg); background-repeat: no-repeat; background-position: left top;}
    div#go_right {width: 637px; float: right; background-color: #FFFCF0;}
    div#go_left { width: 230px; float: left; background-image: url(images/leftsec.jpg); background-repeat: no-repeat;background-position: top;}
    div#flasz {background-color: #5B4634; padding-top: 20px}
    div#kontent {float:left; width: 71%; margin:0px 0px 10px 5px;}
    div#ctx_menu {float: right; width: 26%; margin:10px 5px 10px 0px; border-left: #D3C8A9 1px solid;}
       #ctx_menu ul {list-style-type:none; text-align: left; margin-left:5px;}
       #ctx_menu li {margin-top: 5px}
       #ctx_menu a {text-decoration: none;}
       #ctx_menu a:hover {text-decoration: underline;}
       #ctx_menu a:active {text-decoration: none;}
    div.belka { width:181px; height: 127px;  vertical-align:middle; background-image: url(images/basket.jpg); background-repeat: no-repeat; margin-right: 15px}
       .belka p {margin: 0px;}
       .belka ul {list-style-type:none; margin: 5px; text-align:center}
       .belka li {display:inline;margin-right:5px}
    div.bag {width: 20%; float:left; padding-top:10px; margin-left:10px}
    div#coffee {float: right; width: 70%; }
    div#footer {width: 100%; height: 81px; background-color: #28180E; background-image: url(images/footer.jpg); background-repeat: no-repeat; vertical-align: bottom;}
       #footer p {color: #4F2509; text-align: right;}
    div.attr {width: 49%; float:left;}
       .attr p, ul {margin-left:10px}
       .attr li {margin:5px 0px}
       .attr span {font-weight:bold}
    div.grads {width: 49%; float:right;}
    div.kreska {width: 100%; border-top:1px solid #E7AC59;}
    table.kolekcja {width: 100px; margin:5px; text-align: center; background-color: #DED2BD;}
    table.bord {border-top:1px solid #E7AC59; border-bottom:1px solid #E7AC59; margin:10px; width:95%; }
       .bord p {margin:6px 10px}
    table.recipes {border-top:1px solid #E7AC59; border-bottom:1px solid #E7AC59; margin:10px; width:95%; }
         .recipes ul {list-style-type:none}
    table#flavs {font-size: 12px;}
         #flavs ul {list-style-type:none;}
         #flavs li {margin: 4px 0px}
         #flavs input {color: #28180E;}
    table#categs {width:100%;font-size: 12px; margin-top:10px; text-align: center; margin:auto}
         #categs a {text-decoration: none;}
         #categs a:hover {text-decoration: underline;}
         #categs a:active {text-decoration: none;}
   table.flav td {vertical-align:middle}
   table.flavors {width: 100%;}
        .flavors td { border-right:1px solid #E7AC59;}
   table.tabela-1 {width:90%}
        .tabela-1 select {width:70%}
        .tabela-1 p {text-align: right;}
  
    fieldset {float:right; border: #999966 1px solid; padding: 10px; width: 13%; text-align: center; margin:0px 15px 10px 0px;}
    fieldset#ramka {width: 50%; margin: 5px 10px; padding: 0px;}
            #ramka legend {font-size: 14px; color:#990000; margin-left:10px}

    input.nbor {background-color: #FFFCF0; color: #990000}
    fieldset.flav {float:left; width: 95%; margin:auto; clear:both; margin:10px; padding:0px}
            .flav legend {font-size: 14px; color: #000000; text-align: left; margin:10px;}
    p {font-size: 12px; text-align: justify; margin:10px;}
    p.menu_stopka {text-align: right; padding-right: 10px; margin-top: 0px; margin-bottom: 0px;}
    p.stopka {text-align: center; margin-top: 10px; margin-bottom: 0px; color: #FCEACD;}
    p.margzero {margin-top: 0px; margin-bottom: 0px;}
    p.ezine {font-size: 11px; text-align: right; font-style: italic}
    p.grades {clear:both; text-align: center;}
    p.buy {float:right; margin:3px}
    p.map {clear:both; text-align: right; font-size: 11px; margin: 5px 20px; color: #404040;}
     .map img {vertical-align:middle}
     .map a {text-decoration: none;}
     .map a:hover {text-decoration: underline;}
     .map a:active {text-decoration: none;}
    p.cffname {font-weight:bold;  text-align: left;}
    p.cffname2 {font-weight:bold;  margin-bottom:0px; text-align: left;}

    ul {text-align: left; }
    li.fin {border-bottom:1px solid #91846F}
    ul.attr {list-style-type:none;}
    ul.opt {font-size: 12px; list-style-type:none;}
      .opt li {margin-bottom:3px}
    ul.cart {list-style-type:none; }
      .cart li {margin-bottom:3px}
    ul.recip {margin-left: 25px}
    ul.ul-1 {list-style-type:none;}
      .ul-1 li {display:inline}
      
    #ctc input, textarea {border:1px solid #C0C0C0}
  
    form.ins input {border:1px solid #ECC99E }

    input.sub-but {border:1px solid #ECC99E; color: #1F4084; font-weight:bold }

    .rightdir {text-align: right;}
    .leftdir {text-align: left;}
    .centrum {text-align: center;}
    .fat {font-weight:bold}
    .klearall {clear:both ; color: #28180E; background-color: #28180E}
    .menulft {width:230px; height:370px;}
    .klear {clear:both}
    .redd {font-weight:bold; color: #990000; }
    .cof {margin:5px}
    .hert {color: #786148; }
    .cena {color: #9C3C08; font-weight:bold; text-align: center;}
    .arr {vertical-align:middle}
    p.redi {font-weight: bold}

    a {color: #195597;}
    a:hover {color: #0861C4;}
    a:active {color: #195597;}
    a.colection {font-size: 12px; color: #003366; background-color: inherit; text-decoration: none; font-weight: bold; text-align: center}
    a.colection:hover { background-color: inherit; color: #003366; text-decoration: none; }
    a.colection:active {color: #003366; background-color: inherit; text-decoration: none;}
    a.orange {color: #8B6C35; background-color: inherit; text-decoration: none; text-align: left; }
    a.orange:hover { background-color: inherit; color: #D99531; text-decoration: underline;}
    a.orange:active {color: #D99531; background-color: inherit; text-decoration: none;}
    a.redi {color: #003366; text-decoration: underline; text-align: left; font-weight: bold}
    a.redi:hover { background-color: inherit; color: #003366; text-decoration: underline;}
    a.redi:active {color: #660000; background-color: inherit; text-decoration: none;}
    a.stopka {color: #660000; background-color: inherit; text-decoration: none; text-align: left; }
    a.stopka:hover { background-color: inherit; color: #660000; text-decoration: underline;}
    a.stopka:active {color: #660000; background-color: inherit; text-decoration: none;}
    a.anch:target {text-decoration: underline; color: #990000 }

    a.anch {color: #4D3E02; text-decoration: none; }
    a.anch:target { color: #F66830;  text-decoration: none;  }

    span.cena {text-align: right; color: #990000;}
    img {border-width: 0; margin: 0px; padding:0px}
    hr {height: 1px;  width: 80%; color: #77685C; background-color: inherit; border-style: none;}
    hr.dottie {color: #D07B01; width: 95%; background-color: #FFFCF0; border-top-style: dotted; border-right-style: dotted; border-left-style: dotted; border-bottom-style: dotted; padding: 0px; margin: 0px;}
    tr.kawa {height: 75px; }
    tr.kawa2 {height: 85px; width: 100%; vertical-align: top;  background-image: url(images/kropki2.gif); background-position: bottom; background-repeat: no-repeat;}
    legend {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666600;}
    select {background-color: #F4F0E5; width: 60px; }